Sap fiori

SAP User Experience ManagementFiori/UI5 Pilot Starter Package

AGENDA

Business Case for UI

SAP Fiori Starter PackageScope and Deliverables

High level project plan

Appendix ANsight – Capabilities and Offerings

Target Audience

SAP Customers seeking to provide better UI enhancement for end user productivity and seamless user adoption of SAP processes

Customers wishing to implement standard SAP Fiori apps in their development environment

SAP Customers evaluating SAP Fiori for their business users

SAP Customers undergoing a tool evaluation

Target Audience

Customers seeking the following:

• Roll out of UI Apps to QA and Production environment

• Installation of additional standard SAP Fiori apps

• Enhancement and extension of standard SAP Fiori apps

• Customized UI5 applications

• Formal UI assessment and UI tool evaluation

Investment in UI

TECHNOLOGY ADAPTION MODEL

“”

Every $1 investedIn usability returns

between $10 and $100

Business Case for UI Investment

Most companies are spending money fixing user adoption issuesrather than doing the less costly work of strategically forecasting user needs

User Adoption = ROI

Customer self service X user adoption = ROI

Employee data entry X user adoption = ROI

Content participation X user adoption = ROI

User generated content X user adoption = ROI

Process automation X user adoption = ROI

v

UI - Best Practices versus ROI

• Focus on the User

• Extensive research & reiteration with prototypes

• Assist users to build requirements

• Invest in good & intuitive design

• Standardization and Unification of the interface

• Templates and Role based deployment

• Increases User Productivity

• Reduction in User errors

• Decrease training & documentation costs

• Decrease User Support

• Increase User Satisfaction

• Increase Job Satisfaction

• Increase trust in Systems

• Increase ease of Use

UX Technology Selection – SAP UI5

Nsight uses SAP UI5 comprehensive framework which is a platform for:

• Developing rich user interfaces for modern Web business applications

• Renewing current SAP User Interfaces

 Business Case for leveraging SAP UI5

SAP UI5 is an open-sourced technology for customers aiming to develop Web business applications and interface with SAP backend systems. • Provides out-of-the-box library consisting of a feature-rich core and large

number of UI controls

• Empowers the SAP Fiori application sets

• Provides out-of-the-box UI content

• Easy deployment of Standard Apps delivered by SAP and certified partners

• No additional costs for software as it is included in SAP Suite of products

• Solves UX challenges and quickly renews the look and feel of systems

• Enables simplicity and ease within business process

• Works across all devices – desktop, tablets and smart phones giving an easy, consistent and personalized experience

Starter Package – Scope

Detailed Project Plan

Activate and configure Standard SAP Transactional Fiori Apps in Dev environment from one SAP Application system (SAP CRM, SAP ECC, etc.)

Activate and install “Fiori-like” Apps developed by Nsight

Assist SAP BASIS team for

• SAP NetWeaver Gateway Installation

• SAP UI5 Add-on Installation

• SAP Fiori Add-on Installation

• Post Installation Activities

Starter Package – Scope

Configure Single Sign-on function with SAP Fiori Apps and Testing

Branding of SAP Standard Fiori Apps using out-of-the-box SAP Theme Designer

Unit Testing

Functional and Technical Documentation

Knowledge sharing and User training

Standard Fiori App – Scope of work

S.No High level task Description Ownership Level of effort

1 SAP NetWeaver Gateway & SAPUI5 Post-Install

Activities (Dev)

Assist BASIS Team with SAPUI5 Configuration Nsight - SAP NetWeaver Consultant

Moderate

2 Fiori System Configuration (Dev)

• Security Set up • Configure SAP Fiori using SAML 2.0

Nsight - SAP NetWeaver Consultant

Moderate

3 Functional Design document

• Launchpad Catalog & Group Mapping• Role Definition and Mapping

Nsight - SAP Fiori / UI5 Consultant

High

4 Fiori Applications Configuration

• Validate Launchpad Configuration and complete 100% configuration

• Theme Designer Configuration• Catalog & Group Customization• Role Creation• Assignment o Group ->Catalog -> Role• Documentation

Nsight - SAP Fiori / UI5 Consultant Nsight - SAP NetWeaver Consultant

High

5 Unit testing • Test Scripts and test data • Unit testing Sign Off

Nsight - SAP Fiori / UI5 Consultant Client – IT

Medium

6 User Training • Training Content • Communication

Nsight - SAP Fiori / UI5 Consultant

Low

Timeline : Approx 3-4 weeks Price : $ 12,500 USD (Fixed fee)

Considerations for SAP Fiori User Authentication & SSO

Below SSO mechanisms are available for SAP Fiori Apps:

Kerberos/SPNego (supported by desktop browsers and most mobile devices)• Recommended if the infrastructure for Kerberos/SPNego infrastructure is in place

(like Microsoft Active Directory)

X.509 Certificates (supported by desktop browsers and most mobile devices)• Recommended if the infrastructure for public-key infrastructure (PKI) for user

authentication is enabled

SAML 2.0 (supported by desktop browsers and mobile devices)• Recommended if SAML 2.0 is available along with access to an issuing system

(Identity Provider)

• Nsight understands that Client would leverage SAML mechanism for Security Single Sign-on for SAP Fiori/UI5 apps.

• Client BASIS Team will install SAML 2.0 software and Nsight will configure SAP Fiori/UI5 security set up for SAML 2.0.

SAP Fiori SSO using SSL + SAML 2.0

PUBLIC INTERNET CORPORATE DMZ INTERNAL CORPORATE NETWORK

PROXY

SAML 2.0 IdP

SAP NW Gateway SAP ECC

Considerations• Proposal is based on fixed price and fixed scope.

• Work will be performed remotely or onsite at client offices unless mutually agreed otherwise by both parties.

• Expenses applicable for the onsite visits will be billed at actuals.

• Client will provide Nsight consultants with the necessary access to VPN remote connectivity, administration support, and access to technology as necessary to complete the tasks.

• The SAP software will work as specified by the vendor otherwise it could affect Nsight’s estimate, timeline and resources.

• In the event that there are issues with SAP software, Nsight in conjunction with the client will notify SAP, track the issue and make a reasonable attempt to resolve the issue.

• Any additional tasks, software customization, or other additional requirements outside of the original project scope will go through a formal change control process.

• The Client and Nsight’s project management team will decide resolution of business and technical issues regarding the project.

Considerations• Client will be responsible for the installation of SAP BASIS components, SAML 2.0 Security,

hardware, software and other infrastructure.

• SAP BASIS and ECC components should meet the minimum requirements for SAP Fiori Apps to work.

• Client and Nsight will discuss and agree on the timeline of SAP BASIS hardware and software installation.

• Nsight will provide support to SAP BASIS Infrastructure team in setting the SAP NetWeaver gateway instances.

• Client should keep up-to-date the SAP BASIS components and meet the pre-requisites for SAP Fiori Apps to work.

• Client will provide all test data for all test cycles as well as test scripts for Unit testing.

• SAP ECC, CRM and backend configuration, ABAP development, and data setup required for SAP Fiori Apps will be owned by Client team members.

Considerations• Nsight has significantly discounted their professional fees in an effort to demonstrate their

commitment to winning the business. Nsight shall complete all work defined in his proposal to achieve the program objectives.

• Nsight commits that their best talent will deliver the benefits expected by the Client including User Experience and improved data visibility.

• Postponements and delays of scheduled events due to delay in SAP BASIS tasks and unavailability of client staff will likely result in an extended project schedule and/or additional Nsight fees.

• Client will provide IT and business user resources with Nsight’s guidance in support of the various testing phases.

• Client will adapt processes to SAP Standard Fiori Apps functionality and all enhancements will require approval of the Scope Committee for the change control process.

• Client’s team will be responsible for SAP ECC configuration, and NetWeaver ABAP development. Volume and Stress testing are not included in the scope.

Considerations• Client will appoint a Project Manager and Project Sponsor to represent appropriate business

and technical areas prior to the start of the project and communicate these to Nsight for proper introductions.

• The Client’s project management team, sponsors and steering committee will decide resolution of business and technical issues regarding the project.

• Nsight and Client agree to use Apple iPad to conduct the Unit testing.

• The App developed and delivered by Nsight will stay in Client Development environment and will not move to QA and Production systems.

Nsight- Qualification

For example, Nsight,an SAP certified partner, has built a set of Fiori apps for CRM Service Order Management! While these apps are obviously not standard SAP Fiori apps delivered by SAP, they conform to the Fiori standards and integrate seamlessly with SAP CRM just like regular SAP-delivered Fiori apps. You’ll notice also that Nsight has added some additional touches of their own such as color-coding and sorting of orders by priority and status (Figure 1).  

What SAP team has to say about Nsight Fiori/UI5 expertise ?

Blog published by SAP Product Management team, John Burton

Blog published by SAP Product Management team, John Burton

What SAP team has to say about Nsight Fiori/UI5 expertise ?

They’ve also added integration to Google Maps for driving directions as well as CTI integration for click-to-call capabilities (Figure 2).

Nsight – Our recent key milestones with SAP Mobility

July 2009 Key partner of RIM/Blackberry and SAP Alliance

April 2010Launched SAP Mobile Apps on iOS and Android

July 2012 Nsight Key Partner/Member of the SAP/Sybase Mobile Application Development program

Nov 2013SAP Launches SAP Fiori/UI5 practice, ready-to-deploy Solutions for Enterprise Customers

Dec 2014 Nsight delivers Certified SAP Fiori/UI5 App to their customers

Dec 2009Launched SAP Mobile Apps on Blackberry

June 2010Received Recognition and SAP Certification for SAP Mobile Apps

Dec 2012Supported SAP product teams exclusively to deliver and test the MAF - Mobile Application Framework 1.0

Sep 2014 Nsight Co-innovates and co-develops Fiori Apps with SAP product development team

3D Approach to UX implementation

3D Approach to UX implementation

TODAYFunctional–based applicants

From : One Transaction for multiple rolesExposing all data & functions to al users

From : Multiple entry points for the user and inconsistent user experience ( e.g. ERP vs CRM)

SAP Fiori UX

To: Decomposed apps for each role Exposing only relevant data and functions

To: One entry point for the user and UXFollowing common design directions

Role-based applications

SAP Fiori App from Nsight – Screen shot 1

SAP Fiori App from Nsight – Screen shot 2

SAP Fiori App from Nsight – Screen shot 3

Service Order listings using priority based sorting

Color coding to indicatepriority & Status

SAP Fiori App from Nsight – Screen shot 4

Service Order Detailed Information

SAP Fiori App from Nsight – Screen shot 5

Item Level Information

SAP Fiori App from Nsight – Screen shot 5

Inbuilt Google map integration for address navigation

Telephonic integration to support calling

Capabilities and Offerings

Nsight - Corporate Profile

Headquartered in Santa Clara, CA (Silicon Valley)

• Additional offices in New Jersey & Vancouver, BC, Canada

• Offshore/Offsite development facilities – India

• Founded in 2005, Privately Held and Profitable

Solution Focus

• CRM, SAP SCM, Business Objects, SRM, HCM, Financial

• SAP Mobility (Syclo, SMP, SAP Fiori , UI5 Apps)

• Salesforce.com (Marketing, Sales, Service, Apex)

• Microsoft

• Apple i/OS

• Google Android

• RIM/Blackberry

• Adobe

• Kony

OUR TEAM

Executive Summary

Led by experienced industry experts who average 10 years of IT experience• Provide leadership from strategy

and conceptualization to implementation

• Experienced in different methodologies in a wide spectrum of industries

• Application Focus on ERP, Cloud, Mobility and Microsoft technologies

• Offers complete business and IT solutions around Mobility, CRM, Supply Chain, Business Intelligence and backend operational applications

• Conversant with business processes and IT needs of clients

OUR SERVICESNsight offers visionary help in the delivery of consulting services

• ERP Application Support Services in SAP, and Microsoft

• Mobile Strategy and Roadmap

• Strategy Consulting

• Roadmap Advisory Services

• Project Management

• Analytics

• Supply Chain Optimization

• Financials and HR

• Security and Compliance

• Business Planning systems

• Managed Services

• Custom Development

• Upgrades and Improvements

• Remote Support

• Off-site development

OUR SOLUTIONSNsight provides a wide range of business value driven offerings to help optimize and accelerate business with our customers

• OnTheGo: Solutions for smart phones

• SAP Fiori/UI5 Apps

• Cloud Integration

• Mobile Apps with Multiple

• Platform

• Real time Computing Solutions

• Data Quality and Integration

• Closed Loop BPI Analytics

• Customer Single View

• Effective Email Management

• Improved Business Planning

• Service Lifecycle Management

• Channel Management

Nsight’s Customer Sampling

Offshore Operations

• State of the art facility and infrastructure with seating capacity up to 250

• STPI Certified Internet connectivity and bandwidth

• with fast ramp up capability

• VoIP facility to dial US local/long distance

• Customer connectivity thru VPNs Stringent Network, Data and Physical

• security policies and periodic audits

• ISO 9001:2008 assessed delivery processes and robust Quality Management Processes

• Best Practices followed in Service Delivery

• Delivery oversight provided at no additional cost

• Practice and SME availability to guide the team when requiredv

Center of ExcellenceServices and Offerings

Nsight – Our recent key milestones with SAP Mobility

July 2009 Key partner of RIM/Blackberry and SAP Alliance

April 2010Launched SAP Mobile Apps on iOS and Android

July 2012 Nsight Key Partner/Member of the SAP/Sybase Mobile Application Development program

Nov 2013SAP Launches SAP Fiori/UI5 practice, ready-to-deploy Solutions for Enterprise Customers

Dec 2014 Nsight delivers Certified SAP Fiori/UI5 App to their customers

Dec 2009Launched SAP Mobile Apps on Blackberry

June 2010Received Recognition and SAP Certification for SAP Mobile Apps

Dec 2012Supported SAP product teams exclusively to deliver and test the MAF - Mobile Application Framework 1.0

Sep 2014 Nsight Co-innovates and co-develops Fiori Apps with SAP product development team

Nsight’s Mobile offering - OnTheGo®Real-time capture of SAP transactions from your mobile device

Online & Offline modes for anytime, anywhere connectivity

Synchronize with SAP and get live updates

360View of your customer information

CRM Portfolio

• Account & Contact Management • Marketing Lead Management• Interactions, Activities, Tasks Opportunity

Management • Sales Document Status• Service Tickets Service Order

Cross Applications• GPS Integration • SAP Workflow • Time & Expense Submission

Supply Chain Portfolio• Product Availability • Shipment Tracking • Stock Overview

Analytics Portfolio• Opportunity Pipeline Analysis • Sales Performance Management

Sample SAP Mobile Apps

Sample SAP Mobile Apps

SAP Fiori App – Field Service order

Nsight Unique Differentiators

Enables quick deployment and validation of the infrastructure required to run Mobile and UI aps, within fixed time and cost boundaries

Team highly experienced in SAP backend and integration technologies

Provide best practices for the deployment of production ready, secure Mobile/Fiori infrastructure

Operationalize immediately and bring instant value to users

Minimized risk with a guaranteed timeline and predictable upfront costs

Prepackaged and predefined i.e bringing down the cost of implementation and providing a better ROI

User ExperienceBest Practices and Supported ROI

SAP UX ToolsThe new UI Experience

Analytical app Change appApproval app Facts Sheets

Newss app Proccess app Shopping app

SAP Fiori - Application Types

Represents a personalized, responsive and simple user experience across devices and deployment options. More than 300+ role-based apps Supports variety of roles in line of business includes HR, Finance, Manufacturing, Procurement Sales

Delight USERS Foster INNOVATION Build on STANDARDS

Any screen on any device Unmatched Extensibility Enterprise Readiness

Cutting-Edge controls Timeless SAP Data Consumption Eclipse-Based Design time

Powerful Theming & Branding Fast Cross-Platform Release Cycles Openness and Flexibility

Efficiency and Performance Productivity Services Great Productivity

Business Case for UI Investment

• Extend the value of existing SAP investments

• Become operational within weeks, saving time and cost of implementation

• Extensive partner support to leverage ready-made applications

• Simplified user experience for all user types e.g. support managers, sales representatives and purchasing agents

• Accessible from desktop and mobile devices, enabling employees to complete their tasks from anywhere

SAP Fiori - Architecture Overview

Architecture

APP VIEW & CONTROLLER

Master View & Controller DetailView & Controller

MODEL

Architecture

Index.html Component.js

App view App Controller

Mock Model ll8 n Model

utII (Formatter.js)

Master Controller Detail Controller …

…

Master View Detail View

sap.m.Page sap.m.Page

sap.m.App/ sap.m.SplitApp Navigation

Trigger

call call call

call

AP Fiori Apps UI Add-on Detail

Nsight - Corporate Profile

Best Practices for SAP Fiori Implementation

Identify the right Scenarios - Identify frequently used business transactions & one that requires accessing multiple SAP transactions.

Classifying the Scenarios – Classification can be done based on roles or it can be done based on transactional, analytical, factsheet & smart business applications

Keep it Simple and Intuitive – Follow Fiori design principle of 1-1-3 approach -1 User, 1 Use Case and 3 Screens

Leverage Responsive interface – Keep in mind the different channels that end user will use and design the interface accordingly

Mobile enabling Enterprise Functions – Many backend functions can be mobile enabled without the need of mobile middleware

Beware of limitations – Like Offline support, Bar code scanning etc.

Contact Information

Anudeep BhatiaPrincipal and Managing director [email protected]