Sie sind auf Seite 1von 85

Week 1 Unit 1: Introduction to

the SAP UX Strategy


Video Lectures
Introduction to the SAP UX Strategy Exercises (optional)
Course structure Weekly Assignment

Week 1 Week 2 Week 3 Week 4 Week 5 Week 6 Week 7 Week 8 Week 9 Week 10
Get to Design Get Ready Create Enhance an Extend SAP Build Your
Know SAP Your First to Create Your First SAP Fiori Fiori Apps Own SAP No Final Exam
Fiori UX SAP Fiori Your First SAP Fiori Master Fiori App
App App App Detail App

Design mock-up with peer review

View
Submit Evaluate peers
results

Develop your own app with peer review

Evaluate View
Learning effort: ~3-4 hours/ week Submit
peers results

 Online forums during entire 10 weeks of course 

© 2015 SAP SE or an SAP affiliate company. All rights reserved. Public 2


Introduction to the SAP UX Strategy Watch the
Points, deadlines, and prizes deadlines !

Participate in Design Mock-Up Develop Your Own


Weekly Assignment with Peer Review App with
(Weeks 1 - 7) (Weeks 2 - 6) Peer Review
(Weeks 5 - 10)

75 points When results above


5 assignments
75 points + top 3 each get 150 points
5x30 = 150 points
Apple iPad Pro

© 2015 SAP SE or an SAP affiliate company. All rights reserved. Public 3


Introduction to the SAP UX Strategy
Requirements and prerequisites

Requirements
 Basic understanding of how business
processes are typically depicted in an SAP
system

Recommended (but not required)


 openSAP course Introduction to SAP Fiori UX
 Basic programming skills including HTML and
JavaScript

© 2015 SAP SE or an SAP affiliate company. All rights reserved. Public 4


Introduction to the SAP UX Strategy
Why user experience (UX) matters

Monetary Value
 Gain productivity
 Save training costs
 Decrease user errors
 Decrease change requests

Human Value
 Increase user satisfaction
 Increase customer loyalty
 Increase solution adoption
 Strengthen relationships

© 2015 SAP SE or an SAP affiliate company. All rights reserved. Public 5


Introduction to the SAP UX Strategy
SAP’s approach to UX

NEW & RENEW EMPOWER


DELIVERING SAP FIORI UX ACROSS SAP SOLUTIONS CUSTOMERS TO INNOVATE
THROUGH DESIGN

Education &
Best Practices

Tools & Technologies

UX Design Services

© 2015 SAP SE or an SAP affiliate company. All rights reserved. Public 6


Introduction to the SAP UX Strategy
SAP’s unified cloud experience

© 2015 SAP SE or an SAP affiliate company. All rights reserved. Public 7


Introduction to the SAP UX Strategy
Simple user experience for easy and sophisticated tasks

HR – My Leave Requests Finance – Clear Incoming Payments


© 2015 SAP SE or an SAP affiliate company. All rights reserved. Public 8
Introduction to the SAP UX Strategy
Innovation and design thinking

© 2015 SAP SE or an SAP affiliate company. All rights reserved. Public 9


Introduction to the SAP UX Strategy
SAP’s commitment

© 2015 SAP SE or an SAP affiliate company. All rights reserved. Public 10


Thank you

Contact information:

open@sap.com
© 2015 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 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.

© 2015 SAP SE or an SAP affiliate company. All rights reserved. Public 12


Week 1 Unit 2: Introduction to
SAP Fiori UX
Introduction to SAP Fiori UX
What is SAP Fiori UX?

SAP Fiori UX is the new face of SAP to


business users for ALL lines of business
across devices and deployment options

© 2015 SAP SE or an SAP affiliate company. All rights reserved. Public 2


Introduction to SAP Fiori UX
Paradigm shift: Coherent across functional areas
Finance Human Resources CRM Procurement

Provides only the relevant tasks


and activities for an end user
though the SAP Fiori launchpad

© 2015 SAP SE or an SAP affiliate company. All rights reserved. Public 3


Introduction to SAP Fiori UX
Paradigm shift: Designed for you, your needs, and how you work

Functional-based applications

Disaggregate apps for each role into granular, relevant tasks and activities

© 2015 SAP SE or an SAP affiliate company. All rights reserved. Public 4


Introduction to SAP Fiori UX
Paradigm shift: User activity in end-to-end business processes

Employee
Create Create
Internal Create Purchase Post
Sales ATP Check Leave
Sales Rep Sales Order Material Invoice
Quotation Request

AR Credit
Accountant Check

Warehouse Post Goods Create Post Goods


Worker Receipt Delivery Issue

Clear
Billing Incoming
Admin Payment

© 2015 SAP SE or an SAP affiliate company. All rights reserved. Public 5


Introduction to SAP Fiori UX
Intuitive user experience and a responsive design
Today Target
Functional-based applications Role-based applications

From: One transaction for multiple roles with too To: Decomposed apps for each role with simple
many and complex functions functions

From: Multiple entry points for the user and inconsistent To: One entry point for the user and a UX that
user experience follows common design directions

This is the current state of planning and may be changed by SAP at any time.
© 2015 SAP SE or an SAP affiliate company. All rights reserved. Public 6
Introduction to SAP Fiori UX
SAP Fiori principles

Role-Based Responsive Simple Coherent Delightful

Designed for Supports how Focuses on Provides one Makes an


you, your needs, and where you what’s fluid, intuitive emotional
and how you work, at any important experience connection
work time

© 2015 SAP SE or an SAP affiliate company. All rights reserved. Public 7


Introduction to SAP Fiori UX
App types

Transactional Analytical Fact Sheet

Task-Based Access Insight to Action Search and Explore


Access to tasks like change, create, Visual overview of a complex topic for View of essential information about
or entire processes with guided monitoring or tracking purposes an object and contextual navigation
navigation between related objects

Runs on any
DB and SAP HANA Runs on SAP HANA

© 2015 SAP SE or an SAP affiliate company. All rights reserved. Public 8


Introduction to SAP Fiori UX
SAP Fiori launchpad at a glance

Search across and


Role-based within apps to get
content definition immediate answers

Launch SAPUI5 Color coding


Web Dynpro ABAP alerts user to any
SAP GUI for HTML overdue, new, or
and arbitrary URLs immediate actions

News and feeds Dynamic charts to


to enhance provide high level,
collaboration real-time overview

Edit mode for


Group tiles for
instant
personalized content
personalization of
organization
groups and titles

© 2015 SAP SE or an SAP affiliate company. All rights reserved. Public 9


Introduction to SAP Fiori UX
Simple, delightful, and intuitive user experience

Launchpad Overview Page Detail Page/ List Line Item Detail


First Page Second Page Third Page Fourth Page

Launchpad Work List Detail Page/ List Line Item Detail


First Page Second Page Third Page Fourth Page

© 2015 SAP SE or an SAP affiliate company. All rights reserved. Public 10


Introduction to SAP Fiori UX
Customizable and extensible UX

© 2015 SAP SE or an SAP affiliate company. All rights reserved. Public 11


Introduction to SAP Fiori UX
Unified experience across different device types

© 2015 SAP SE or an SAP affiliate company. All rights reserved. Public 12


Introduction to SAP Fiori UX
SAP Fiori on Smart Watches – Showcase

© 2015 SAP SE or an SAP affiliate company. All rights reserved. Public 13


Introduction to SAP Fiori UX
What is the SAP Fiori user experience?

SAP Fiori Principles

Role-Based Responsive Simple Coherent Delightful

Visual Design Information Architecture Interaction Patterns

SAP Fiori Design

http://experience.sap.com/fiori-guidelines/

User Interface
Other
SAP Fiori Technologies Technologies*
Business Logic
OpenUI5
*SAP’s preferred way to build SAP Fiori is using SAPUI5
© 2015 SAP SE or an SAP affiliate company. All rights reserved. Public 14
Thank you

Contact information:

open@sap.com
© 2015 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 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.

© 2015 SAP SE or an SAP affiliate company. All rights reserved. Public 16


Week 1 Unit 3: Introduction to
SAP HANA Cloud Platform
SAP HANA Cloud Platform
Simple extension and agility layer for customers and partners

RUNTIME FOUNDATION DEVELOPMENT PLATFORM

SCOPE EXTENSIONS CLOUD INTEGRATIONS


WEB INTEGRATED
Integrate non-SAP Functions DEVELOPMENT ENVIRONMENT Concur

SuccessFactors
Application SAP HANA SAP HANA
Build your own capabilities services Cloud Portal Cloud Ariba
Integration
hybris
Run extensions in cloud
or on-premise SAP HANA Cloud Platform Fieldglass

On-premise Cloud Hybrid

© 2015 SAP SE or an SAP affiliate company. All rights reserved. Public 2


Introduction to SAP HANA Cloud Platform
Cloud basics

Software as a Service (SaaS)

Platform as a Service (PaaS)

cloud Infrastructure as a Service (IaaS)

Virtualization

Hosting
managed

© 2015 SAP SE or an SAP affiliate company. All rights reserved. Public 3


Introduction to SAP HANA Cloud Platform
SAP HANA Cloud Portal – key capabilities

Easily create engaging business sites Deliver rich user experience


 Enterprise-grade business sites, self-service sites,  SAP Fiori launchpad as an entry point for
extensions to SAP SuccessFactors SAP Fiori apps
 Fast branding and customization  Freestyle site templates and extension
 Designed for mobile use experiences

Seamlessly integrate SAP’s cloud and


on-premise solutions
 SAP SuccessFactors, SAP Cloud for Customer,
SAP Business Suite…

Provide suitable access to customers,


employees, and partners
 Role-based authorization
 Public and restricted access management
© 2015 SAP SE or an SAP affiliate company. All rights reserved. Public 4
Introduction to SAP HANA Cloud Platform
Connectivity service

The SAP HANA Cloud Platform connectivity service allows a secure integration with on-premise
systems via the SAP HANA Cloud connector.

Customer
Key capabilities
 On-premise agent establishes secure SSL VPN HTTPS Internet
connection between SAP HANA Cloud Platform and
on-premise systems Applications on SAP HANA

SAP HANA

Platform
 Supports pre-configured “destination API” and certificate Cloud Platform

Cloud
inspection to safeguard against forgeries
 Supports multiple protocols (HTTP, RFC, JDBC), high Firewall
SSL Tunnel Internet
availability, and principal propagation
SAP HANA Firewall
Benefits
Cloud

Customer
 Complementary to SAP Gateway, SAP HANA Cloud
Connector
Integration, and 3rd party integration suites both
on-premise and in the cloud
ECC CRM HCM
On-Premise Network

© 2015 SAP SE or an SAP affiliate company. All rights reserved. Public 5


Access to SAP HANA Cloud Platform
SAP HANA Cloud Platform http://hcp.sap.com

© 2015 SAP SE or an SAP affiliate company. All rights reserved. Public 6


Course Focus on the SAP HANA Cloud Platform
SAP HANA Cloud Platform http://hcp.sap.com – getting started

© 2015 SAP SE or an SAP affiliate company. All rights reserved. Public 7


Introduction to SAP HANA Cloud Platform
Additional openSAP courses

© 2015 SAP SE or an SAP affiliate company. All rights reserved. Public 8


Introduction to SAP HANA Cloud Platform
Where you’ll find all the details

http://scn.sap.com/community/product-and-solution-road-maps
http://service.sap.com/saproadmaps
© 2015 SAP SE or an SAP affiliate company. All rights reserved. Public 9
Introduction to SAP HANA Cloud Platform
Key links to more information for customers and partners

Key links
 Roadmaps on SAP Service Marketplace http://service.sap.com/saproadmaps
 SAP Web IDE on SAP Store https://www.sapstore.com/solutions/60009/Web-IDE
 SAP Community Network http://scn.sap.com/docs/DOC-55465
 SAP Online Help https://help.hana.ondemand.com/SAP_RDE/frameset.htm

Where to go to provide product feedback and ideas


 SAP Idea Place https://ideas.sap.com
 SAP Community Network - Forum http://scn.sap.com/community/developer-center/front-end
 Influence Programs http://service.sap.com/influence
 SAP User Groups http://www.sapusergroups.com/

© 2015 SAP SE or an SAP affiliate company. All rights reserved. Public 10


Thank you

Contact information:

open@sap.com
© 2015 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 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.

© 2015 SAP SE or an SAP affiliate company. All rights reserved. Public 12


Week 1 Unit 4: SAP Fiori Tools
and Resources
SAP Fiori Tools and Resources
Key takeaway on UX technologies

Choosing the right tool or


technology is one important step.

However, in order to achieve a


high level of user experience, it is
neither the first nor the most
important step.

© 2015 SAP SE or an SAP affiliate company. All rights reserved. Public 2


SAP Fiori Tools and Resources
Making the most of SAP Fiori UX

Get inspired and learn about UX with SAP Splash

Evaluate 500+ customizable SAP Fiori apps


SAP Web IDE Discover & Design

Extend or prototype custom apps with Build

Build your SAP Fiori app with SAP Web IDE

Implement your SAP Fiori infrastructure


Develop & Deploy
Optimize for mobile with SAP Fiori mobile service

SAP HANA Cloud Platform

© 2015 SAP SE or an SAP affiliate company. All rights reserved. Public 3


SAP Fiori Tools and Resources
SAP Fiori apps reference library

Extensibility information per app


Extension points
Technical documentation
& much more…

http://www.sap.com/fiori-apps-library
http://service.sap.com/saproadmaps

© 2015 SAP SE or an SAP affiliate company. All rights reserved. Public 4


SAP Fiori Tools and Resources
SAP User Experience Best Practices

SAP Fiori Apps SAP Fiori Apps SAP Mobile SAP Fiori Cloud
RDS Gallery Platform RDS Tutorials

Best practices for the User-generated apps Best practices for Best practices for
implementation of SAP & design mockups using SAP Mobile SAP Fiori Cloud –
Fiori landscape & apps Platform and HCPMS development,
170 with SAP Fiori theming, & more 5
Benefits of SAP User Experience rapid-deployment solutions
 Fast – no need for lengthy blueprinting process
 Predictable – predictable scope, timeline, and outcome
 Seamless – integrate with existing SAP on-premise, cloud, or hybrid solutions
 Simple – easily expand functionality as needs change

© 2015 SAP SE or an SAP affiliate company. All rights reserved. Public 5


SAP Fiori Tools and Resources
SAP Fiori apps rapid-deployment solution
Download from SAP Service Marketplace Online Version (SAPUI5 App)

http://service.sap.com/public/rds-fiori-apps https://fioriapps-rds.dispatcher.hana.ondemand.com/
© 2015 SAP SE or an SAP affiliate company. All rights reserved. Public 6
SAP Fiori Tools and Resources
openSAP Fiori apps gallery
Gallery of 170 customer-created applications sorted by business scenario + detailed UX design documents

https://cloudnwcportal-cplto.hana.ondemand.com/opensap https://open.sap.com/courses/fiux1
© 2015 SAP SE or an SAP affiliate company. All rights reserved. Public 7
SAP Fiori Tools and Resources
SAP Mobile Platform rapid-deployment solution
Download from SAP Service Marketplace Mobilizing SAP Fiori

http://service.sap.com/public/rds-sup
© 2015 SAP SE or an SAP affiliate company. All rights reserved. Public 8
SAP Fiori Tools and Resources
SAP Fiori Cloud Best Practices
Step-by-step guides on how to use SAP Fiori, cloud edition

https://www.sapfioritrial.com/
© 2015 SAP SE or an SAP affiliate company. All rights reserved. Public 9
SAP Fiori Tools and Resources
SAP Fiori communities

 SAP User Experience Community: https://experience.sap.com/


 SAP Fiori Design Guidelines: https://experience.sap.com/fiori-design/
 SAP Web IDE - Enablement: http://scn.sap.com/docs/DOC-55465
 SAP UX Explorer: https://uxexplorer.hana.ondemand.com/

User Interface https://sapui5.netweaver.ondemand.com/sdk/content/Overview.html

https://sapui5.netweaver.ondemand.com/sdk/explored.html
Business Logic

© 2015 SAP SE or an SAP affiliate company. All rights reserved. Public 10


SAP Fiori Tools and Resources
SAP S/4HANA resources
SAP S/4HANA Best Practices sap.com/activate

SAP S/4HANA Cookbook sap.com/s4hana scn.sap.com/community/s4hana/

© 2015 SAP SE or an SAP affiliate company. All rights reserved. Public 11


Thank you

Contact information:

open@sap.com
© 2015 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 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.

© 2015 SAP SE or an SAP affiliate company. All rights reserved. Public 13


Week 1 Unit 5: SAP Fiori in the
Cloud
SAP Fiori in the Cloud
HANA Cloud Platform - Everything you need to build enterprise apps in the cloud

Integration User Experience Analytics

Dev & Ops Collaboration Security


SAP HANA
Cloud Platform

Business Storage Mobile


PaaS
Platform as a Service
Internet of Things
© 2015 SAP SE or an SAP affiliate company. All rights reserved. Public 2
SAP Fiori in the Cloud
What’s it all about?
A new SaaS implementation of the latest SAP Fiori front-end server (FES) and
Applications in the cloud running on SAP HANA Cloud Platform
SAP NetWeaver AS ABAP (acting as front-end server)
Front-End Add-Ons for SAP Fiori (product-specific)
UI Content
SAPUI5 Application Code (SAP Fiori Launchpad Configuration,
Application Configuration) FES
SAP NetWeaver UI Add-On
SAP Fiori Launchpad
HCP
SAP Fiori SAP Fiori SAP Fiori
Launchpad UI Smart Business UI Fact Sheet UI Server Infrastructure
(UI2 Services,
Personalization
SAPUI5 Library & Infrastructure Integration,
Persistency)

SAP Gateway 2.0

Back End Back End


© 2015 SAP SE or an SAP affiliate company. All rights reserved. Public 3
SAP Fiori in the Cloud
SAP Fiori launchpad

 SAP Fiori launchpad is a role-based,


personalized, and responsive entry point for
business applications and analytics.

 It runs on multiple devices, using the responsive


design paradigm, and is deployable on multiple
platforms.

 It is designed in accordance with the simple and


intuitive SAP Fiori user experience, while
supporting established UI technologies.
SAP SAP HANA
ABAP Front
Enterprise Cloud
End
Portal Platform

© 2015 SAP SE or an SAP affiliate company. All rights reserved. Public 4


SAP Fiori in the Cloud
SAP Fiori launchpad and SAP HANA Cloud Portal (1/2)

 SAP HANA Cloud Portal is a simple and easy to


deploy cloud offering designed to create intuitive
customer, partner, and employee business sites

 SAP HANA Cloud Portal is delivered with


predefined site templates – SAP Fiori launchpad
for employee-facing site (entry point).

 Customers can either use predefined templates or


design and build their own custom sites.

© 2015 SAP SE or an SAP affiliate company. All rights reserved. Public 5


SAP Fiori in the Cloud
SAP Fiori launchpad and SAP HANA Cloud Portal (2/2)

 SAP Fiori launchpad running on SAP HANA


Cloud Platform provides a software as a
service (SaaS) SAP Fiori launchpad solution,
hence simplifying the IT landscape.

 It can run as a full SaaS solution


or in a hybrid scenario, consuming
business data from the on-
premise and/or cloud systems.

 The solution leverages SAP


HANA Cloud Platform
infrastructure for roles, user
management, and branding.

© 2015 SAP SE or an SAP affiliate company. All rights reserved. Public 6


SAP Fiori in the Cloud
UI building blocks in the cloud

 SAP Web IDE - Customize SAP Fiori apps and SAP Fiori launchpad SAP Fiori apps
build new Fiori-like apps
 SAP Fiori launchpad - Provide end users with a
role-based, personalized application entry point
 UI theme designer - Style the solution and
leverage the extensibility of SAP Fiori user
interfaces for your specific needs. SAP Web IDE UI theme designer
 SAP HANA Cloud connector - Connect securely
to your on-premise SAP Business Suite system
(or to an SAP hosted demo system), to
experience SAP Fiori in the most realistic
scenario.

www.sap.com/fiori-demo
© 2015 SAP SE or an SAP affiliate company. All rights reserved. Public 7
SAP Fiori in the Cloud
Securely connect to your on-premise systems

Customer
 Establishes SECURE SSL TUNNEL between
the SAP HANA Cloud and on-premise systems
HTTPS Internet

 Connectivity created by on-premise agent


through reverse-invoke process SAP Fiori apps on SAP
HANA Cloud Platform

SAP
 Supports preconfigured “Destination API” and Firewall
SSL tunnel Internet
certificate inspection to SAFEGUARD against
forgeries Firewall
SAP HANA

Customer
Cloud connector
 Complementary to SAP Gateway, SAP HANA
Cloud Integration, and 3rd party integration
suites both on-premise and in the cloud SAP ERP CRM HCM

On-Premise Network
© 2015 SAP SE or an SAP affiliate company. All rights reserved. Internal
Public 8
SAP Fiori in the Cloud
Architecture at a glance

http
SAP HANA Cloud Platform
PUBLIC CLOUD
UI SERVICES

HCP Cockpit
SAP Fiori launchpad

Admin
Tools
UI theme designer
Launchpad designer
SAP Fiori apps
SAP Web IDE
HCPms

Services
Add.
Security
HCI
PROCESSES
ON-PREMISE

SAP HANA Cloud Connector http


DATA &

OData OData
SAP Gateway Hub*
Non-
SAP SAP Business Suite

© 2015 SAP SE or an SAP affiliate company. All rights reserved. Public 9


SAP Fiori in the Cloud
Your SAP Fiori account on SAP HANA Cloud Platform

What is an account?
A hosted environment provided to a customer
Central SAP Accounts
organization, representing a named collection
of configurations, authorizations, platform
resources, and applications.

SAP HANA Cloud Platform


Launchpad Fiori Web UI Theme
SAP HANA Cloud Platform offers three types Apps IDE Designer
of accounts:

HCP Accounts
developer, customer, and partner accounts.
The account type determines the resources,
services available, and the landscape host. Each
account is associated with a region, which Dev Test Prod
represents the location of the data center used by
that account.
Additional HCP Account
SAP Fiori cloud content providers Content
Customer Transport/ cloning
SAP
Partner Partner Apps Subscription

© 2015 SAP SE or an SAP affiliate company. All rights reserved. Public 10


SAP Fiori in the Cloud
Accounts and permissions
What will your landscape look like?
 Development
Administrator Developer Key User
 Central SAP Accounts

SAP HANA Cloud Platform


Test
 Production

HCP Accounts
 Pre-production, central apps Launch- Fiori Web UI Theme
account, etc. pad Apps IDE Designer

Access and Permissions Dev Test Prod

 Administrator
 Developer
 Key user

Establish a secure connection to SAP ERP


INTRANET

your on-premise landscape Back End


SAP Gateway Add-on
HCP account
SAP Gateway HCI OData Provisioning* Transport
Dev Test Prod SAP HANA Cloud connector
SAP ERP SAP ERP SAP ERP Subscription
*planned for Q1 2016
© 2015 SAP SE or an SAP affiliate company. All rights reserved. Public 11
SAP Fiori in the Cloud
Demo

© 2015 SAP SE or an SAP affiliate company. All rights reserved. Public 12


SAP Fiori in the Cloud
Your SAP Fiori journey in the cloud 2nd option

SAP Fiori, demo cloud edition SAP Fiori, cloud edition


EXTEND and CUSTOMIZE SAP Fiori demo cloud Experience, customize, and run SAP Fiori
edition with app extension, branding, and launchpad in the cloud for PRODUCTIVE USAGE
experience, with your own free of charge SAP Fiori connected to your on-premise landscape
account in the cloud

Easily EXPLORE and CONNECT your SAP Fiori, cloud


EXPERIENCE SAP Fiori with Available! edition account to your on-premise Available! Planned: Q1/2016*
zero installation configuration SAP landscape, for real life trial
Controlled General
and prototyping purposes Availability Availability

Available! Planned: Q4/2015 HCI OData Provisioning

FREE | NON-PRODUCTIVE PRODUCTIVE USAGE


90 DAYS | COMMUNITY SUPPORT SAP SUPPORT
* pending successful controlled release phase
© 2015 SAP SE or an SAP affiliate company. All rights reserved. Public 13
SAP Fiori in the Cloud
UI theme designer – High level overview
UI theme designer is the single tool for theming and branding key SAP technologies

 Allows you to adapt the visual appearance of


applications by creating your own themes,
achieving several benefits:
– Reduce visual breaks for end users
– Apply YOUR brand to SAP-based
applications
– Increased theming efficiency
– Easy ramp-up via SAP HANA Cloud Platform
– Designed for administrators as well as
developers

Main use case: Apply your corporate branding


and look to SAP/SAP-based applications

© 2015 SAP SE or an SAP affiliate company. All rights reserved. Public 14


Thank you

Contact information:

open@sap.com
© 2015 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 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.

© 2015 SAP SE or an SAP affiliate company. All rights reserved. Public 16


Week 1 Unit 6: SAP Fiori and SAP
S/4HANA User Experience
SAP Fiori and SAP S/4HANA User Experience
SAP S/4HANA reimagines business for the digital economy

Supplier Collaboration
• The entire value chain is Workforce
Engagement and Business Networks
digitized including the digital
core which serves as the
foundation for business innovation
and optimization.
• The digital enterprise
interconnects all aspects of the
value chain to drive and
anticipate business outcomes The Digital Core
in real time.
• Enterprises across industries can
lead the digital transformation by
completely reimagining
business models, business
processes, and work.
Big Data and Customer Experience
Internet of Things Omnichannel

© 2015 SAP SE or an SAP affiliate company. All rights reserved. Public 2


SAP Fiori and SAP S/4HANA User Experience
SAP S/4HANA reimagines your business for the digital economy

Reimagined Reimagined Reimagined


Business Decisions Business Processes Business Models
Simplicity to get any insight on Simplicity to focus on the essential tasks Simplicity to connect to people, devices,
any data from anywhere and change business processes business networks

S/4
HANA

No more manual consolidation – all decisions No more batch – all processes in real time No more complex collaboration –
on the fly and at the highest level of granularity all business connected

© 2015 SAP SE or an SAP affiliate company. All rights reserved. Public 3


SAP Fiori and SAP S/4HANA User Experience
SAP S/4HANA reimagines your technology for the digital economy

Reimagined Reimagined
User Experience Data Models
Simplicity to get the job done on Simplicity to reduce data footprint
any device with SAP Fiori UX and with in-memory technology – no indices,
interactive graphics no aggregates, no redundancies

Reimagined HANA
System Configuration
Simplicity to configure the system
Function oriented Role oriented with guided configuration Traditional databases In-memory platform

Guided configuration

© 2015 SAP SE or an SAP affiliate company. All rights reserved. Public 4


SAP Fiori and SAP S/4HANA User Experience
Simple user experience

Role-based
Personalized engagement across the business

Instant access
to any business insight
Responsive

Simple design
Simple across business processes

© 2015 SAP SE or an SAP affiliate company. All rights reserved. Public 5


SAP Fiori and SAP S/4HANA User Experience
Modern new design

Key capabilities of a SAP FIORI Designed Screen


Example: Consolidation of activities, Intelligent navigation patterns,
Intuitive usability

Contact data Credit data: Personalized post- Trends & analytics Simulation
UKM_BP it notes at a glance

Full customer
Decision
contact history Support
Personalize layout Context-dependent
variants actions
Example: MRP Cockpit - Material Shortage

© 2015 SAP SE or an SAP affiliate company. All rights reserved. Public 6


SAP Fiori and SAP S/4HANA User Experience
Simplified for Human Desirability

SAP Fiori
Offering an beautiful, role based, integrated user
experience with modern usability based on mobile first
principle.

Example : Clear incoming payments


User Activity SAP GUI SAP Fiori % Reduction

Duration 2.25 min. 1.07 min 53%


Clicks 49 22 55%
Screen changes 26 1 96%
Fields filled 9 3 60%

© 2015 SAP SE or an SAP affiliate company. All rights reserved. Public 7


SAP Fiori and SAP S/4HANA User Experience
SAP Fiori qualities

SAP Fiori Principles

Role-Based Responsive Simple Coherent Delightful

Visual Design Information Architecture Interaction Patterns

SAP Fiori Design

http://experience.sap.com/fiori-guidelines/

User Interface
Other
SAP Fiori Technologies Technologies*
Business Logic
OpenUI5
*SAP’s preferred way to build SAP Fiori is using SAPUI5
© 2015 SAP SE or an SAP affiliate company. All rights reserved. Public 8
SAP Fiori and SAP S/4HANA User Experience
The next-generation core and business solutions for the digital economy

SAP S/4HANA SAP S/4HANA SAP S/4HANA SAP S/4HANA SAP S/4HANA
Finance Human Resources Sourcing & Procurement Supply Chain Manufacturing

An SAP Company
An SAP Company
The Digital Core

S/4 HANA

SAP S/4HANA SAP S/4HANA SAP S/4HANA SAP S/4HANA SAP S/4HANA
Marketing and Commerce Sales Service Asset Management Research & Development

Industries
© 2015 SAP SE or an SAP affiliate company. All rights reserved. Public 9
SAP Fiori and SAP S/4HANA User Experience
SAP Fiori UX, modern user experience and responsive design
TODAY TARGET
Functional-based applications Role-based applications
FROM: One transaction for multiple roles with TO: Decomposed apps for each role
too much and complex functionality with simple functions

FROM: Multiple entry points for the user and TO: One entry point for the user and UX following
inconsistent user experience common design directions

© 2015 SAP SE or an SAP affiliate company. All rights reserved. Public 10


SAP Fiori and SAP S/4HANA User Experience
SAP S/4HANA unified UI across business domains (examples)
Marketing Human Resources Supply Chain

Sales Enterprise Management Finance

© 2015 SAP SE or an SAP affiliate company. All rights reserved. Public 11


SAP Fiori and SAP S/4HANA User Experience
High level stack architecture SAP S/4HANA cloud & on-premise

SAP Fiori
Shell WebGUI SAP Fiori Design
Apps (UI5) Search
Web Dynpro Studio

HTML R OData R INA R INA R

SAP S/4HANA Gateway


ABAP R R

Transactional Logic Analytic Logic (Enterprise) Search


planned

Core Data Service (CDS) View


SAP HANA

Suite Tables

© 2015 SAP SE or an SAP affiliate company. All rights reserved. Public 12


SAP Fiori and SAP S/4HANA User Experience
SAP S/4HANA extensibility: Inside-out and outside-in approach

In-App Extensibility Side-by-Side Extensibility with SAP HCP


Key-User Extensibility Enable an SAP Fiori and
Custom fields Mobile user experience
Custom logic with ABAP
and tables) Web Editor (BAdIs) Other cloud
Integrate with other SAP Cloud
solutions from SAP
applications and 3rd party solutions
Change / add ABAP designed
business logic for cloud, Leverage HCP application services
(rules etc.) lifecycle-stable (Mobile Documents, Output
Management, etc.)
Analytics Full access Full-fledged development platform to
extensibility to ABAP (e.g. SE80) build extension applications (Java, XS)

In-app extensibility Side-by-side extensibility with


Context-aware extensions, focus on tight SAP HANA Cloud Platform
integration 3rd party

© 2015 SAP SE or an SAP affiliate company. All rights reserved. Public 13


SAP Fiori and SAP S/4HANA User Experience
Demo

© 2015 SAP SE or an SAP affiliate company. All rights reserved. Public 14


Thank you

Contact information:

open@sap.com
© 2015 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 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.

© 2015 SAP SE or an SAP affiliate company. All rights reserved. Public 16

Das könnte Ihnen auch gefallen