Sap Fiori Approach

Designing the Mobile Strategy Using SAP Fiori

AGENDA Presentation & Challenges Objectives & Key Benefits Solution Overview Architecture Delivery Approach Design Thinking Organization & Planning Our Solutions Service Offer

PRESENTATION - TEAM 20 years of experience. Successfully revived derailed IT projects, rebuilt struggling project teams and salvaged investments in SAP projects across Europe/France-Belgium (from $500k-$30M). Jean-Michel POTIER Strong focus on Financial Reporting, BI, Mobility Sales Director [email protected] Planning and consolidation solutions

16 years of experience. Successfully managed and delivered SAP and IT projects, coordinating and project team management in SAP international projects. Major focus on GRC & Mobility solutions

Mohamed BENNADJA Project Manager

Nithin SJ Technology Leader

15 years of experience working across enterprise technologies. building new innovations and cross platform solutions, Strong focus on Mobility & Analytics. Winner-Most valued person at SAP award. CIO challenge award.

PRESENTATION JMP PROCESS - TEAM

Rapid, simple and cost effective approach (Onsite & Remote) Actively working with SAP team in France, Germany & India Fast deployment services with pre-defined accelerators JMP Process works with clients to understand their specific mobile solution needs, and then implements the suitable SAP Fiori applications in a short span of time. ―

Business process simplification/ Design Thinking

―

Cross platform and device agnostic

―

Big Data analytics and enterprise mobility

PRESENTATION CHALLENGES

PRESENTATION KEEPING SIMPLE THINGS SIMPLE SAP Fiori Apps + 300 SAP Fiori apps prepackaged instant value apps that increase employee productivity across multiple business functions

SAP’s NetWeaver Platform Gain access to SAP NetWeaver Gateway services and SAP UI5 user experience by configuration content

Services Fixed Time, fixed scope, and fixed price implementation using SAP best practices delivered via JMP / IBC

Knowledge Transfer Get the know how to add more users, more apps, and more devices on your own

PRESENTATION CONTEXT OVERVIEW

The way people work, consume content and experience SAP technology to get things done is changing at a rapid pace. The SAP Fiori apps make the functions of SAP Business Suite available in one comfortable and easy to use interface. It provides a simple and easy-to-use experience for SAP software functions that are broadly and frequently used and work seamlessly across any device – including desktop, tablet, and smartphone. This collection of more than 300 apps supports common business functions, such as workflow approvals, information lookups, and self-service tasks. With SAP Fiori, businesses can make better use of their existing SAP software investments and bring instant value to employees.

AGENDA Presentation & Challenges Objectives & Key Benefits Solution Overview Architecture Delivery Approach Design Thinking Organization & Planning Our Solutions Service Offer

OBJECTIVES ACHIEVE YOUR BUSINESS GOALS IN THE EVER CHANGING WORLD

A

B

Speed

Faster solution deployments for a faster time to value

Agility

Adopt break-through technology on your terms better user experience, and easy-to-use interface

Simplicity Reduce complexity from software deployments with preconfigured onpremise and cloud solutions that minimize disruption to the business

OBJECTIVES COMMON AIMS

Transforming the SAP User Experience ―

Business users want the same ease of use and convenience with their enterprise software that they experience with their consumer apps

Enabling SAP Enterprise mobility at a glance ―

Change the way employees engage with your enterprise system on their preferred mobile devices

―

Support the "Company strategy” by allowing senior management to work from anywhere with simple mobile technology

Modern and powerful interface ―

Design that can be used intuitively in order to remain focused on achieving your business outcomes, productivity gains and operational efficiencies

Increasing user adoption and saving you money on training costs ―

Business Users are growing expectations and demands in the workplace for consumer-friendly interfaces. They want the same ease of use and convenience with their enterprise software that they experience with their consumer apps.

Target scope ―

Business functions that are broadly and frequently used by end-users

KEY BENEFITS IMPROVING CUSTOMER’S USER EXPERIENCE

Increase productivity

Improve time to value

Lower risk Implementation aligned to business value and feasibility

Reduce TCO Reduce customization and integration complexity via SAP Fiori toolkit and rapiddeployment offerings

Employees are able to get the job done anytime, anywhere

Faster implementation

Managers can streamline processes, impact business results

Better quality assurance/reliability

SAP validated and tested Future-proof investment

Lower maintenance costs

Standards-based, flexible software framework

Continuous innovation

Reuse of skill sets

Apps are coherent and easy to use Additional features (example: mass approvals) to accelerate handling IT helps improve employees satisfaction by addressing their business needs in a timely manner

Predictable implementation timeline

Instant roll out capabilities to different devices

Supportability by SAP

Intuitive usage significantly reduces learning effort and cost

KEY BENEFITS OUTLINE 1*2

The benefits of implementing SAP Fiori into your organization are : Gain Productivity ―

Drives efficiency and productivity of employees with a lower TCO.

Anytime – Anywhere ―

The employees can improve the speed of business operations when you enable them with anywhere, anytime access to your enterprise systems and data

Increase User Adoption ―

Boost user satisfaction through an intuitive, easy- to-use interface and a better user experience

Decrease user errors ―

Promotes better business decisions via a simplified interface

Save training costs ―

Simplifying common activities and work tasks for employees reduces the training and change management process

KEY BENEFITS OUTLINE 2/2

Consistent Interface (same design across all platforms) ―

Offers a simple, comfortable, easy to use, and coherent experience across devices

Task oriented ―

Provides role-based, personalized, and flexible deployment options

End-to-end “Standard” extensibility ―

SAP UI5, SAP NetWeaver Gateway, SAP Mobile Platform

Responsive window sizing ―

Adapt to all sizes, devices, versions and channels to provide a common user experience.

Budget efficiency ―

Fast and cost-effective way to implement enterprise mobility

AGENDA Presentation & Challenges Objectives & Key Benefits Solution Overview Architecture Delivery Approach Design Thinking Organization & Planning Our Solutions Service Offer

SOLUTION OVERVIEW FIORI LAUNCHPAD - NEW ENTRY POINT

Great First Impression Simple, beautiful, see what’s going on at first glance…

Designed for people Customizable, easy way to identify favorites, group tiles, add & remove tiles, and more…

Leverage New Technologies Access point for new SAP Technologies, incl. Search (across apps), Smart Business, Jam, etc.

SOLUTION OVERVIEW SUMMARY

Highlights • •

•

•

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

<Solution/Marketing graphic>

SAP Fiori Apps solution enables the implementation of SAP NetWeaver Gateway, SAPUI5, and one or more Fiori apps for full productive purposes in a predicable time and at a predictable cost. This solution is very flexible and modular and allows customers to start with just one app or any combination of more than 300 Fiori apps available.

Solution Scope • Transactional apps to choose from pre-defined list

Related Solutions • • • •

SAP Fiori Infrastructure SAPUI5 Design SAP Screen Personas SAP Side Panel Content for SAP NWBC

• Pick from popular Fiori apps that represent the most common transactions used by the majority of SAP customers • Finance, Human Resources, Sales, Procurement, Manufacturing, Supply Chain, and others

Key Benefits • Proven best practices for deployment of apps and infrastructure via comprehensive step-by-step guides inclusive of tested configuration and implementation content • Consumer-grade user experience • Proof of Concept (POC) or full production options, ranging from 2 weeks to 8 Weeks

SOLUTION OVERVIEW RESPONSIVE WEB DESIGN Highlights • •

Simple – One development for all devices (Desktop, Tablets and smartphones) User Experience – Consistent interface across all SAP applications (ECC, CRM, BI, SRM, MDM…)

SOLUTION OVERVIEW BUSINESS PROCESSES

Manufacturing

Finance

Human resources

Supply Chain

SAP Fiori R&D, Engineering

Sales

Procurement

Asset management

Cross lines of business and industries

SOLUTION OVERVIEW SAP FIORI WAVE 1 FOR BUSINESS SUITE

Employee

My Leave Requests

My Timesheet

Employee

My Paystubs

My Benefits

Manager

Approve Leave Requests

Approve Timesheets

Manager

Approve Requests

Approve Requisitions

Sales Rep (SD)

Create Sales Orders

Change Sales Orders

Sales Rep (SD)

Check Price and Availability

Track Shipments

Purchasing Agents

Order from Requisitions

Track Purchase Order

My Travel Requests

My Shopping Cart

Track Shopping Carts Approve Travel Requests Approve Purchase Contracts

Track Sales Orders Customer Invoices

Approve Travel Expenses My Spend

Approve Shopping Carts

Approve Purchase Orders

SOLUTION OVERVIEW SAP FIORI WAVE 2 FOR BUSINESS SUITE

Sales Rep (SD)

My Quotations

My Contacts

Sales Rep (CRM)

My Accounts

My Tasks

Sales Rep (CRM)

Simulate Sales Pipeline

Production Worker

Confirm Production Orders

Production Supervisor

Release Production Orders

Project Manager/ Employee

Change WBS Element Status

Quality Engineer

Report Quality Issue

My Contacts

My Opportunities

Track Sales Pipeline Confirm Production Operations

Confirm Project Milestone My Quality Tasks

Confirm Network Activity

My Leads

My Notes

SOLUTION OVERVIEW APPLICATION TYPES

Analytical incl. Smart Business (AT2)

Fact Sheet & Contextual Navigation (AT3)

Task-based Access

Insight to Action

Search and Explore

Access to tasks like change, create, or entire processes with guided navigation

Visual overview over a complex topic for monitoring or tracking purposes

View on essential information about an object and contextual navigation between related objects

Transactional (AT1)

Runs on any DB and HANA

Runs on HANA * This is the current state of planning and may be changed by SAP at any time

SOLUTION OVERVIEW AN EXAMPLE USE CASE OF EXTENSIBILITY

Standard Delivered App

Customer wishes to display quantity Customer wishes to also display a task list

Customer wishes to add a confirmation workflow

Customer adds new tab to display quantity details

Extended App

Customer adds task list

Customer adds custom fields Customer adds confirmation workflow

AGENDA Presentation & Challenges Objectives & Key Benefits Solution Overview Architecture Delivery Approach Design Thinking Organization & Planning Our Solutions Service Offer

ARCHITECTURE HIGH LEVEL SNAPSHOT

Internet

One code line for all screen sizes

•

SAP UI5 (HTML5) control Library

•

No Installation

•

Enhanced deployment options for Mobile

•

Tunneling Solution (Relay server, reverse proxy…)

DMZ

•

Intranet

•

Several Authentication options

Several Security options

Identity Provider (*)

Fiori ABAP Add-on •

HANA and ‘any DB’ options

•

Architecture differences for different app types

•

Multiple Back-ends support

Frontend Server

SAP Business Suite (ERP, SRM, …)

…

SAP Business Suite on HANA (ERP, SRM, …)

•

Gateway Server

•

Leveraging Odata

•

Fiori ABAP Add-Ons

ARCHITECTURE PREREQUISITES

ARCHITECTURE OUT OF THE BOX – EHP LEVEL

Focused on transactional scenarios released to run with the latest enhancement package ― e.g. SAP ERP 6.0 EhP 7, SAP CRM 7.0 EhP 3, SAP SRM 7.0 EhP 3 …

Apps are deployed by ABAP UI add-ons Apps are connected via OData services ― OData services are shipped via ABAP Support Packages on the highest available Business Suite release e.g. SAP ERP 6.0 EhP 7, SAP CRM 7.0 EhP 3, SAP SRM 7.0 EhP 3 …

HANA and any database* are supported ― *restrictions for MRP applications

ARCHITECTURE SECURITY ITEMS TO DISCUSS

Network and Reverse Proxy Setup Authentication User Management Authorization System Hardening (Securing Trusted RFC connection)

SAP NW Gateway

Reverse Proxy

Secure Configuration / Network Setup / Authentication

SAP ECC

Authorization

ARCHITECTURE SECURITY SCENARIOS

Case 0: Direct UserID/Password Authentication Case 1: SSO via SAML 2.0 Case 2: SSO via SPNego / Kerberos Case 3: SSO via SAP Portal Case 4: SSO via X.509 certificates: See illustration for description of this use case In this scenario the device has to have a X.509 certificate (which has to be distributed upfront by the MDM). The NetWeaver Gateway / the proxy server is configured to request a client certificate during the SSL handshake. The client proves to possess the private key by signing the challenge from the server. The server verifies the certificate and extracts the username from the certificate.

Certificate Authority

MDM

Import Root CA Certificate Mutual SSL Handshake Proxy

VPN

SAP NW Gateway

SAP ECC

AGENDA Presentation & Challenges Objectives & Key Benefits Solution Overview Architecture Delivery Approach Design Thinking Organization & Planning Our Solutions Service Offer

DELIVERY APPROACH HIGH-LVEL MILESTONES Requirement Gathering Identify potential users and roles Understand business process requirements Describe personas and scenarios Define Use Case(s) to determine scope of prototype

Combine, expand, and refine ideas. Define Interaction Design Create Visual Design Present a selection of ideas to the client.

Customer (LoB + IT) User Experience Designer Business Process Expert Design Thinking

Onsite

1

Envision Workshop

Iterative Design & Feedback

Development

Visual Design / Graphical Assets Develop High Fidelity Prototype with

User Experience Designer Visual Designer Business Process Expert

Remote

2

Interaction Design

Test & Rollout

3

Visual Design

Seek feedback from a diverse group of people, include your end users Incorporate changes and additional ideas

User Experience Designer / Developer

Customer (LoB + IT) User Experience Designer Business Process Expert

Remote

Onsite

5

Design Reviews

6

Delivery

DELIVERY APPROACH POC MILESTONES Research

Design

Identify potential users and roles Understand business process requirements Describe personas and scenarios Define Use Case(s) to determine scope of prototype Technology strategy

Customer (LoB + IT) User Experience Designer Business Process Expert

1

Combine, expand, and refine ideas. Define Interaction Design Create Visual Design Present a selection of design ideas to the client.

User Experience Designer Visual Designer Business Process Expert

Onsite

Design Thinking Interaction Workshop Design

Visual Design / Graphical Assets Develop High Fidelity Proof Of Concept (POC)

Remote

3

Visual Design

Seek feedback from a diverse group of people, include your end users Incorporate changes and additional ideas Validate and Test

Customer (LoB + IT) User Experience Designer Business Process Expert

User Experience Designer / Developer

Onsite

2

Validate and Test

Prototype

Onsite/Remote

4

POC Demonstration

5

Finalize development

AGENDA Presentation & Challenges Objectives & Key Benefits Solution Overview Architecture Delivery Approach Design Thinking Organization & Planning Our Solutions Service Offer

DESIGN THINKING Invest 5% upfront Eliminate 90% of the risk

PROCESS FLOW

360°

Scoping

Research

Synthesis

Ideate

Creating Choices

Making Choices

Do your research Identify insights Establish design criteria

Creating Choices

t

Problem Solving

Problem Finding

Identify an opportunity Scope problem Create design brief Make plans

Implemen

Validation

Prototype

Brainstorm ideas Develop concepts Create napkin pitches

Making Choices

Creating Choices

Surface key assumptions Make prototypes

Making Choices

Get feedback from stakeholders Run your learning launches Design the onramp

Creating Choices

Making Choices

DESIGN THINKING FRAMEWORK

Journey Mapping

Story Telling

Prototype

Ideation

DESIGN THINKING FRAMEWORK Low Fidelity Prototype

High Fidelity Prototype

DESIGN THINKING FRAMEWORK

Business Challenges ―

Travel Booking Efficiency

—

Month end reconciliation

―

Customer Experience

—

Landscape complexity and operational reporting

Design Thinking Rapid Prototyping ―

Functional and technical assessment for any process”

―

Design thinking (issues are analyzed)

―

User Interviews and observation sessions

―

Rapid prototyping

Deliverables : ―

Implementation duration, methodology

―

Technology, infrastructure, device and architectural recommendations

―

Cost, resource, deployment approach

―

Solution prototypes

AGENDA Presentation & Challenges Objectives & Key Benefits Solution Overview Architecture Delivery Approach Design Thinking Organization & Planning Our Solutions Service Offer

ORGANIZATION Customer

JMProcess

Project Manager •

Serves as a central contact person, from project initiation through going live

Core Project Team - Partner Consultants •

User Experience & Design Expert

•

Responsible for the technical installation of the infrastructure

•

Responsible for the implementation and testing of the Fiori /SAP UI5 apps

Project Manager •

Central contact person from project initiation to go live support

•

Functional and commercial project management

•

Overall project controlling and communications with the steering committee

Core Project Team • Basis staff •

Administration of the development, testing and productive landscapes

• Import of add-ons on SAP back-end applications • Networking staff •

Manage internal networking issues and connections from the infrastructure to the external internet • Functional department staff / key users •

Attend knowledge transfer workshops

•

Testers for acceptance testing and delivery of enduser training

PLANNING POC MILESTONES Invest 5% upfront Eliminate 90% of the risk

Envision Workshop

Test Installation

Proof of Concept

Gap Analysis & Personalize

Fiori standard apps ― 3-5 days onwards per scenario for standard app ― Customize to add new fields 4-7 days ― + 10 days onwards for building one custom UI5 app

Test

Rollout

PLANNING DETAILED VIEW OF PHASES Invest 5% upfront Eliminate 90% of the risk

Design Thinking

Interaction design

Build a prototype

Validation

Rollout

( 1 day)

Sprint of 2 weeks

Sprint of 2 weeks

Sprint of 2 weeks

Sprint of 2 weeks

Vision to Concept

Development Effort ― Read only Scenario = 2 weeks

Prototype to Pilot

Deployment

Rollout — Estimate needs to be done

― Read & Write = 3 weeks

depending on application

― Highly custom app = 4 weeks

complexity and landscape

AGENDA Presentation & Challenges Objectives & Key Benefits Solution Overview Architecture Delivery Approach Design Thinking Organization & Planning Our Solutions Service Offer

OUR SERVICES VALUE ADDED SERVICES End-to-End Transactional

• Task based access: create,

Analytical

• Reporting and Dashboards:

change, approve with guided navigation

Connect with any Backend

Get a visual overview of a complex topic or monitoring KPI

Process Simplification

• Mega processes • Service Management • Project Management • Audit management

Run on any DB

Cockpit Apps

• Cross Platform process • Post2Close Cockpit • Labour Cockpit • Warehouse Management

View on any Device

JM PROCESS BUSINESS PROCESS COVERED

Transactional

PR Approval

PO Approval

MM approval

Analytical

KPI Dashboards

Process Simplification

Work Notification

Project Systems

Audit Management

Cockpit Apps

Post2close Cockpit

Labor Cockpit

Warehouse Management Cockpit

• • • •

What if Analysis

My Shopping Cart

Root Cause Analysis

GRC Dashboard

Offline Capabilities Convertible to native apps - Device Functions Leverage your existing platforms. HANA is not required Customize in 4-6 weeks

Any Backend(s)

+

SAP NetWeaver Gateway

+

SAP UI5

REFERENCE WORK DEMO – CURRENT COCKPIT

REFERENCE WORK DEMO – SALES DASHBOARDS

REFERENCE WORK DEMO – SALES DASHBOARDS

REFERENCE WORK CLOSING COCKPIT Closing Status by location/Region

Job Monitoring

Approvals With Camera Attachments

Period and Year End Closing by Entity

TARGET COCKPIT NEW RELEASE FOR Q1 - 2015

AGENDA Presentation & Challenges Objectives & Key Benefits Solution Overview Architecture Delivery Approach Design Thinking Organization & Planning Our Solutions Service Offer

SERVICE SCOPE SAP FIORI Workflow Application Installation & configuration

Roles, Launch Page and Workflow configuration

Standard Application Installation & configuration

Branding (Theme Designer)

Application Platform

Start

Network & Security configuration SAML / SSO2 Secure backed channel Proxy / Dispatched config

Verify and prepare SAP Backend Infrastructure Installation

SAP NW Gateway 2.0 SAP UI 5 add-on ……

Validate prerequisites Verify Solution Manager readiness Deploy SAP Notes

CUSTOMER REFERENCE FIORI & SAP UI5 ― PO Approval ― My Timesheet ― Vendor Management

Warehouse Management ― Goods Receipt

― My Paystub

― Inventory First Count

― Leave Request

― Inventory Second Count ― Goods issue ― Release blocked stock Plant Maintenance ― Work Notification