ASUG Illinois-Chicago Chapter Meeting Nov 6, 2014 SAP Fiori Overview Michael Falk / Ingo Deck SAP User Interfaces SAP SE
SAP SE Disclaimer This presentation outlines our general product direction and should not be relied on in making a purchase decision. This presentation is not subject to your license agreement or any other agreement with SAP. SAP has no obligation to pursue any course of business outlined in this presentation or to develop or release any functionality mentioned in this presentation. 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 noninfringement. SAP assumes no responsibility for errors or omissions in this document, except if such damages were caused by SAP intentionally or grossly negligent.
Fiori Overview What is Fiori?
Introducing SAP Fiori Keeping Simple Things Simple SAP Fiori is the new user experience (UX) for SAP software. It applies modern design principles for a completely reimagined user experience. SAP Fiori UX is the new face of SAP to business users in all lines of business across devices and deployment options. It provides optimal usability for simplified business interactions and ease of use. 2014 SAP SE or an SAP affiliate company. All rights reserved. 4
SAP Fiori UX Design Principles Role-based Responsive Simple Coherent Delightful Designed for you, your needs and how you work Supports how and where you work, at any time Focuses on the important Provides one fluid, seamless experience Makes an emotional connection 2014 SAP SE or an SAP affiliate company. All rights reserved. 5
SAP Fiori UX Design Principles Role-Based Role-Based Design for what I do Understand tasks I need to do and help me do it better Use human tone to speak the language of my business Build from insights within my business networks Give me the information I need to complete my tasks Bring together all information function the user needs independent of where it is stored Designed for People and How They Work 2014 SAP SE or an SAP affiliate company. All rights reserved. 6
Fiori Apps Designed for Specific Roles Apps providing the right info for the right role Functional-based applications One transaction for multiple roles exposing all data & functions to all users SAP Fiori Design Role-based applications Decomposed apps for each role exposing only relevant data & functions Multiple entry points for the user and inconsistent user experience (e.g. ERP vs. CRM) One entry point for the user and UX following common design directions 2014 SAP SE or an SAP affiliate company. All rights reserved. 7
SAP Fiori UX Design Principles Responsive Responsive Support how and where I work Deliver the best experience on any device I use. Feature smart adaptation where required. React to who I am and what I do. Take my point of view. Offer different perspectives within the same page. What you need, where you need it. 2014 SAP SE or an SAP affiliate company. All rights reserved. 8
Responsive Web Design Seamless User Experience Responsive design detects the user s screen size and orientation to change the layout accordingly to provide a consistent experience across devices Benefits Apps adapt and adjust automatically to the respective screen size based on the users device Easy navigation and reading with a minimum of resizing, panning, and scrolling Consistent experience across all device types 2014 SAP SE or an SAP affiliate company. All rights reserved. 9
SAP Fiori UX Design Principles Simple Simple Powerful and efficient Make essential functions obvious and easy to use. Help me focus on the important. Automate what you can but ensure I am in control. Tell me how I am doing; give me feedback along the way. Focused on the important 2014 SAP SE or an SAP affiliate company. All rights reserved. 10
Fiori helps increase productivity: Adequate Context Information to make the Right Decision Capabilities: Adequate context information to make the right decision Based on user research, SAP has determined which/ how much information is required to make decision Drill down capabilities, analysis down to a detailed level Benefits: Enables user to take make decisions (approve/decline) without additional iterations or research Enables user to take corrective measures in time 2014 SAP SE or an SAP affiliate company. All rights reserved. 11
SAP Fiori UX Design Principles Coherent Coherent Build on what I know All apps speak the same language. Do the same thing in the same way everywhere. Leverage my digital content; make it seamless. Make the experience comfortable, familiar. One fluid experience 2014 SAP SE or an SAP affiliate company. All rights reserved. 12
Fiori helps increase productivity: Consistent UI Across App Sales Capabilities: Manufacturing Purchasing Consistent experience across all apps, same structure, icons, etc. Provides an optimal user experience across all device types HCM Workflows HCM Benefits: Users can switch across apps without effort Accelerates task execution Different Apps Same Great Experience!! 2014 SAP SE or an SAP affiliate company. All rights reserved. 13
SAP Fiori UX Design Principles Delightful Delightful Make an emotional connection Make me better at my job and feel like I m an expert. Show me the impact of my contribution. Go beyond what s expected; amaze me! Be smart and proactive. Give me an assistant not just a tool. Beyond the expected 2014 SAP SE or an SAP affiliate company. All rights reserved. 14
Fiori Overview App Types
SAP Fiori App Types Task-based Access Transactional Access to tasks like change, create, or entire processes with guided navigation Insights Analytical Visual overview of a dedicated topic for further KPI related analyses Search and Explore Fact Sheet View on essential information about an object and contextual navigation between related objects Run on: * Run on: 2014 SAP SE or an SAP affiliate company. All rights reserved. 16
SAP Smart Business Enabling Different Working Models New working models combine different app types and demonstrate the value of Suite on HANA Combining real-time insights with analytics and transactional follow-up activities to allow better and faster decisions as well as instant execution Scenario specific content (KPI-definition, roles,..) and drill-down applications/reports. All KPIs are based on the same KPI repository and services Fiori Launchpad Performance-driven Working Model Analyze in Lumira* Smart Business Drill-Down Analysis Path Framework* CxO Cockpit* Lumira Story Viewer* Collaborate Situation-driven Working Model HANA Search, C est Bon, Fact Sheet KPI Modeler & Repository Task-driven Working Model Execute Transactions Work Lists with Embedded Analytics, Ad-hoc queries (Design Studio)* * Coming soon 2014 SAP SE or an SAP affiliate company. All rights reserved. 17
Fiori Overview What is available and planned?
Evolving the Fiori Story: Delivery Fiori User Experience 1 2 3 4 5 May 14, 2013 Self-service scenarios for employees, managers, and selected business tasks Nov 29, 2013 Enhanced scope to more complex business tasks; Fiori Launch Pad Feb 26, 2014 Consolidation, extensibility for transactional apps, and selected new areas May 19, 2014 Continuing core areas, starting industry coverage, increasing focus for Suite on HANA July 28, 2014 Continuing core areas, Additional industry coverage; addtl. roles 2014 SAP SE or an SAP affiliate company. All rights reserved. 19
SAP Fiori Apps per Shipment Analytical Fact Sheet Transactional 150 Shipment RTC / available Total # Apps 1 May 2013 25 2 Nov 2013 208 3 Feb 2014 218 4 May 2014 312 138 5 July 2014 364 6 Planned Q4/2014* 83 82 25 43 85 82 51 90 84 98 116 7 Planned Q1/2014* 1 2 3 4 5 6 *This is the current state of planning and may be changed by SAP at any time. 2014 SAP SE or an SAP affiliate company. All rights reserved. 20
Renew user experience of SAP functions across LOBs Manufacturing Finance Supply Chain R&D, Engineering SAP Fiori Human resources Sales Asset management Procurement Cross lines of business and industries 2014 SAP SE or an SAP affiliate company. All rights reserved. 21
SAP Fiori User Roles Across Lines of Business and Industries Finance Human Resources Sales & Marketing Procurement Cross LoB Accounts Payable Accountant Accounts Payable manager Accounts Receivable Accountant Accounts Receivable Manager Cash Manager Controller G/L Accountant Manager Access Control Administrator Financial Close Manager Employee Senior Executive Employee Manager R&D, Engineering Project Manager & Planner Program Manager Project Team Member Engineer Supply Chain Supplier Supply Planner Transportation Manager Warehouse Manager Shipping Specialist Product Manager ATP Controller Sales Representative (CRM/ SD) Sales Manager Internal Sales Representative (SD) Marketing Manager Marketing Executive Marketing Expert Asset Management Maintenance Worker & Planner EHS-Production Worker EHS-Foreman Purchaser Inventory Accountant Employee Manager Strategic Purchaser Manufacturing MRP Controller Quality Engineer Production Planner Production Worker/Supervisor Recipe Developer Demand Planner Manager MDG Expert ILM Archiving Expert Security Manager Data Aging Expert Employee Compliance Manager TDMS Expert Industries Retail Master Data Specialist Promotion Specialist Store Associate Global Trader Allocation Manager Insurance Claims Supervisor Higher Education Student/Applicant 2014 SAP SE or an SAP affiliate company. All rights reserved. 22
App Overview Deck http://scn.sap.com/docs/doc-56438 2014 SAP SE or an SAP affiliate company. All rights reserved. 25
Where We Want to Be: Unified UX Direction for all Apps The Fiori Concept is the new user experience paradigm targeting a consistent experience across all SAP solutions. Fiori Concept SAP Cloud Solutions, Suite on HANA Business Suite This is the current state of planning and may be changed by SAP at any time. 2014 SAP SE or an SAP affiliate company. All rights reserved. 26
Fiori Overview Architecture
System landscape Info / Intranet Desktop scenario Transactional Fiori Apps (single backend) Transactional Technical requirements: SAP NetWeaver Gateway for OData communication NW Central UI Add-On (SAPUI5 Library) SAP Fiori Business Suite product specific front-end Add-On(s) Front-End Server (NW ABAP) SAP Business Suite product specific front-end Add-Ons NW Central UI Add-On SAP Fiori Business Suite product specific back-end Add-On(s) Browser which supports HTML5 / SAPUI5 SAP NetWeaver Gateway SAP Fiori Business Suite product specific back-end Add-Ons SAP Business Suite 2014 SAP SE or an SAP affiliate company. All rights reserved. 28
System landscape Info / Intranet Desktop scenario / Search Transactional Factsheets Reverse Proxy (SAP Web Dispatcher) Front-End Server (NW ABAP) SAP Business Suite product specific front-end Add-Ons NW Central UI Add-On SAP NetWeaver Gateway SAP Fiori Business Suite product specific back-end Add-Ons SAP HANA Search Models Technical requirements: Reverse Proxy (Web Dispatcher) SAP HANA SAP HANA Search Models SAP NetWeaver Gateway for OData communication NW Central UI Add-On (SAPUI5 Library) SAP Fiori Business Suite product specific front-end Add-On(s) SAP Fiori Business Suite product specific back-end Add-On(s) Search Models in the Business Suite Browser which supports HTML5 / SAPUI5 INA protocol communication to Search SAP Business Suite 2014 SAP SE or an SAP affiliate company. All rights reserved. 29
System landscape Info / Intranet Desktop scenario / Analytical Apps Transactional Reverse Proxy (SAP Web Dispatcher) Front-End Server (NW ABAP) SAP Business Suite product specific front-end Add-Ons NW Central UI Add-On SAP NetWeaver Gateway Analytical Technical requirements: Reverse Proxy (Web Dispatcher) SAP HANA SAP NetWeaver Gateway for OData communication NW Central UI Add-On (SAPUI5 Library) SAP Fiori Business Suite product specific front-end Add-On(s) SAP Fiori Business Suite product specific back-end Add-On(s) Browser which supports HTML5 / SAPUI5 SAP Fiori Business Suite product specific back-end Add-Ons HANA XS Engine & SAP HANA SAP Business Suite 2014 SAP SE or an SAP affiliate company. All rights reserved. 30
System landscape Info / Intranet Desktop scenario / Smart Business Transactional Analytical SAP Smart Business Reverse Proxy (SAP Web Dispatcher) Front-End Server (NW ABAP) SAP Business Suite product specific front-end Add-Ons KPI Framework (KPI modeler, generic drill-down app) NW Central UI Add-On SAP NetWeaver Gateway SAP Fiori Business Suite product specific back-end Add-Ons Technical requirements: Reverse Proxy (Web Dispatcher) SAP HANA & HANA XS (including Analytical Odata Services & Virtual Data Models) SAP NetWeaver Gateway for OData communication NW Central UI Add-On (SAPUI5 Library) KPI Framework SAP Fiori Business Suite product specific front-end Add-On(s) SAP Fiori Business Suite product specific back-end Add-On(s) Browser which supports HTML5 / SAPUI5 HANA XS Engine & SAP HANA SAP Business Suite 2014 SAP SE or an SAP affiliate company. All rights reserved. 31
System landscape Info / Intranet Desktop scenario Transactional Factsheets Analytical SAP Smart Business Reverse Proxy (SAP Web Dispatcher) Front-End Server (NW ABAP) SAP Business Suite product specific front-end Add-Ons KPI Framework (KPI modeler, generic drill-down app) NW Central UI Add-On SAP NetWeaver Gateway SAP Fiori Business Suite product specific back-end Add-Ons HANA XS Engine & SAP HANA Search Models Technical requirements: Reverse Proxy (Web Dispatcher) SAP HANA & HANA XS (including Analytical Odata Services) SAP HANA Search Models SAP NetWeaver Gateway for OData communication NW Central UI Add-On (SAPUI5 Library) KPI Framework SAP Fiori Business Suite product specific front-end Add-On(s) SAP Fiori Business Suite product specific back-end Add-On(s) Browser which supports HTML5 / SAPUI5 SAP Business Suite 2014 SAP SE or an SAP affiliate company. All rights reserved. 32
Landscape Info Transactional Factsheets Analytical SAP Smart Business SMP (optional) Reverse Proxy (SAP Web Dispatcher) Front-End Server (NW ABAP) SAP Business Suite product specific front-end Add-Ons KPI Framework (KPI modeler, generic drill-down app) NW Central UI Add-On SAP NetWeaver Gateway Back-End Server (NW ABAP) SAP Business Suite Search Models HANA XS Engine SAP Fiori App Content ERP CRM SCM SAP SmartBusiness VDM Reuse Content ERP CRM SCM any DB OR HANA 2014 SAP SE or an SAP affiliate company. All rights reserved. 33
Fiori Overview Where to find additional information?
SAP Fiori Design Guidelines Fiori Design SAP Fiori focuses on a simple and consistent user experience on many devices. This section introduces the design philosophy which all SAP Fiori apps are based on. Additionally, a prototyping kit provides you with templates for various controls and patterns. Using those stencils allows you to easily create UI mockups in Microsoft PowerPoint. https://experience.sap.com/fiori-guidelines 2014 SAP SE or an SAP affiliate company. All rights reserved. 84
SAP Product Road Maps SAP Service Marktetplace Roadmaps ( http://service.sap.com/roadmap) Product and solution road maps Line of Business Procurement Supply Chain Product and solution road maps Cross Topics Cross Product SAP User Interface Technologies 2014 SAP SE or an SAP affiliate company. All rights reserved. 85
SAP Fiori RKT Material Click on screenshot to open the link 2014 SAP SE or an SAP affiliate company. All rights reserved. 86
SAPX03 - SAP Fiori Implementation (4 days) SAP Education UX Portfolio SAPX03 - SAP Fiori Implementation (4 days) SAPX04 - HTML5 Foundations for SAP SAPUI5 Development (2 days) SAPX05 - SAP SAPUI5 User Experience Development (3 days) GW100 - SAP NetWeaver Gateway - Building OData Services opensap courses UXN1 - SAP S UX Strategy in a Nutshell by Sam Yen FIORI1 - Introduction to SAP Fiori UX Click on screenshot to open the link 2014 SAP SE or an SAP affiliate company. All rights reserved. 87
Simplified Information Access Information Platforms SAP UX Community http://experience.sap.com SAP UX Explorer http://sap.com/uxexplorer SAP Innovation Discovery https://service.sap.com/innovation-discovery Type of Service Community Self-service Self-service Availability Everyone Everyone SAP Customers and Partners Main focus User experience & design Usability & design methods SAP UX strategy SAP UI technologies Customer UX strategies Innovations in SAP applications UX innovations in SAP applications Main target audience IT & business experts interested in design Designers and UX professionals IT decision makers IT architects UX developers & consultants Business decision makers Business experts & architects Application experts, key users & consultants 2014 SAP SE or an SAP affiliate company. All rights reserved. 88
SAP Fiori Landing Page (external) Click on screenshot to open the link 2014 SAP SE or an SAP affiliate company. All rights reserved. 89
experience.sap.com User Experience Information Package Exchange with Peers Learn the Basics about Design and User Experience Skill Up on Design and User Experience Participate in Improving Products with SAP Design News from SAP Click on screenshot to open the link 2014 SAP SE or an SAP affiliate company. All rights reserved. 90
Quick Guide An example-based step-by-step guide to enable the usage of transactional SAP Fiori apps and SAP Fiori fact sheets Click on screenshot to open the link 2014 SAP SE or an SAP affiliate company. All rights reserved. 91
SAP Fiori on SCN Click on screenshots to open the links 2014 SAP SE or an SAP affiliate company. All rights reserved. 92
OpenUI5 OpenUI5 is the Open-Source-licensed version of the UI Development Toolkit for HTML5 (SAPUI5) and is available for free under the Apache 2.0 Open Source license. Since SAP customers with existing SAP licenses were able to use SAPUI5 without additional costs, the SAP eco system was interested in using this framework in open environments as well. While SAP customers can remain using SAPUI5, non-sap customers can leverage the strength of SAP's HTML5 framework by using OpenUI5. The difference between OpenUI5 and SAPUI5 is in some control libraries which have not (or not yet) been put under an Open Source license. Click on screenshot to open the link 2014 SAP SE or an SAP affiliate company. All rights reserved. 93
More Resources & Links to RDS Info SAP Fiori Apps RDS: http://service.sap.com/rds-fiori-apps SAP Fiori Infrastructure RDS: http://service.sap.com/rds-fiori-infrastructure SAPUI5 Design RDS http://service.sap.com/rds-ui-sapui5 HANA Live RDS http://service.sap.com/rds-shl 2014 SAP SE or an SAP affiliate company. All rights reserved. 94
Summary SAP Fiori is the new user experience (UX) for SAP software. It applies modern design principles for a completely reimagined user experience. SAP Fiori UX is the new face of SAP to business users in all lines of business across devices and deployment options. It provides optimal usability for simplified business interactions and ease of use. 2014 SAP SE or an SAP affiliate company. All rights reserved. 95
Thank You Michael Falk Director Product Management SAP User Interfaces Ingo Deck Director Product Management SAP User Interfaces SAP SE Dietmar-Hopp-Allee 16 68190 Walldorf, Germany Michael.falk@sap.com SAP SE Dietmar-Hopp-Allee 16 68190 Walldorf, Germany Ingo.deck@sap.com experience.sap.com 2014 SAP SE or an SAP affiliate company. All rights reserved. 96
THANK YOU THANK YOU FOR PARTICIPATING Please evaluate sessions throughout the day and provide meeting feedback bit.ly/asug14 For information on future ASUG Chicago events, please visit www.asug.com
2014 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. 2014 SAP SE or an SAP affiliate company. All rights reserved. 98