SAP user experience management Fiori/UI5 Pilot starter package

1. SAP User Experience Management
Fiori/UI5 Pilot Starter Package

2. AGENDA
Business Case for UI
SAP Fiori Starter Package
Scope and Deliverables
High level project plan
Appendix A
Nsight – Capabilities and Offerings

3. 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

4. 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

5. Investment in UI
TECHNOLOGY ADAPTION MODEL
“
”
Every $1 invested
In usability returns
between $10 and $100

6. Business Case for UI Investment
Most companies are spending money fixing user adoption issues
rather than doing the less costly work of strategically forecasting user needs

7. 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

8. 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

9. 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

10. 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

11. 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

12. 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

13. 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)

14. 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.

15. 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

16. 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.

17. 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.

18. 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.

19. 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.

20. Nsight- Qualification

21. 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

22. 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).

23. Nsight – Our recent key milestones with SAP Mobility
July 2009
Key partner of
RIM/Blackberry and SAP
Alliance
April 2010
Launched SAP Mobile
Apps on iOS and
Android
July 2012
Nsight Key Partner/Member
of the SAP/Sybase Mobile
Application Development
program
Nov 2013
SAP 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 2009
Launched SAP Mobile Apps
on Blackberry
June 2010
Received Recognition
and SAP Certification for
SAP Mobile Apps
Dec 2012
Supported 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

24. 3D Approach to UX implementation

25. 3D Approach to UX implementation
TODAY
Functional–based applicants
From : One Transaction for multiple roles
Exposing 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 UX
Following common design directions
Role-based applications

26. SAP Fiori App from Nsight – Screen shot 1

27. SAP Fiori App from Nsight – Screen shot 2

28. SAP Fiori App from Nsight – Screen shot 3
Service Order listings using
priority based sorting
Color coding to indicate
priority & Status

29. SAP Fiori App from Nsight – Screen shot 4
Service Order Detailed
Information

30. SAP Fiori App from Nsight – Screen shot 5
Item Level Information

31. SAP Fiori App from Nsight – Screen shot 5
Inbuilt Google map
integration for address
navigation
Telephonic integration to
support calling

32. Capabilities and Offerings

33. 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

34. 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 SERVICES
Nsight 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 SOLUTIONS
Nsight 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

35. Nsight’s Customer Sampling

36. 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

37. Center of Excellence
Services and Offerings

38. Nsight – Our recent key milestones with SAP Mobility
July 2009
Key partner of
RIM/Blackberry and SAP
Alliance
April 2010
Launched SAP Mobile
Apps on iOS and
Android
July 2012
Nsight Key Partner/Member
of the SAP/Sybase Mobile
Application Development
program
Nov 2013
SAP 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 2009
Launched SAP Mobile Apps
on Blackberry
June 2010
Received Recognition
and SAP Certification for
SAP Mobile Apps
Dec 2012
Supported 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

39. 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

40. Sample SAP Mobile Apps

41. Sample SAP Mobile Apps

42. SAP Fiori App – Field Service order

43. 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

44. User Experience
Best Practices and Supported ROI

45. SAP UX Tools
The new UI Experience

46. 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

47. 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

48. SAP Fiori - Architecture Overview

49. Architecture
APP VIEW & CONTROLLER
Master View & Controller DetailView & Controller
MODEL

50. 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

51. AP Fiori Apps UI Add-on Detail

52. Nsight - Corporate Profile

53. 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.

54. Contact Information
Anudeep Bhatia
Principal and Managing director
408-393-1552
anu@nsight-inc.com