IT Sapiens-SAP ITS Mobile Solution With Responsive Design for Multi Device Adaptation: - auto adjust to device screen width - no 3rd party browsers

1. SAP ITS Mobile With Responsive DesignSAP ITS Mobile With Responsive Design
• ECC 6.0
Solution BriefSolution Brief

2. Index
Synopsis11
What is Responsive Design?22
Responsive Design Benefits33 Responsive Design Benefits33
SAP Standard ITS Mobile Solution44 SAP Standard ITS Mobile Solution44
IT Sapiens’ Responsive Design55 IT Sapiens Responsive Design
ITS Mobile Solution
55
Our Value Proposition66
1 February 25th 2016 ©2016 IT Sapiens, Inc.
Proprietary and Confidential
Questions ?77

3. Synopsis11
 SAP ITS Mobile Functionality in SAP ECC 6.0 and above:
 SAP ITS Mobile Technology replaces erstwhile Web SAPConsole
Technology for graphical handheldsTechnology for graphical handhelds
 SAP ITS Mobile is integrated ITS functionality of SAP NetWeaver and is
standard with SAP ECC 6.0
 Using a template technology ITS supports the full customizing of the Using a template technology, ITS supports the full customizing of the
HTML representation of each RF screen
 Using a generator which is part of the ABAP development workbench
(SE80) the templates have to be generated once
 ITS Mobile works with any kind of mobile device that comes with a web
browser and it is not required that SAP supports the device.
 Due to the integration of ITS into the SAP NetWeaver Application Server,
no separate security infrastructure is required
 Standard SAP templates generators DO NOT generate HTML Templates
2
Standard SAP templates generators DO NOT generate HTML Templates
that AUTO adjust to device-width
February 25th 2016 ©2016 IT Sapiens, Inc.
Proprietary and Confidential

4. What is “Responsive Web Design”?22
 Responsive Web Design:
 Responsive web design (RWD) is an approach to web design aimed at
crafting sites to provide an optimal viewing and interaction experience –g p p g p
easy reading and navigation with a minimum of resizing, panning, &
scrolling – across a wide range of devices (from desktops computer
monitors to mobile phones to RF handhelds)monitors to mobile phones to RF handhelds)
 A site designed with RWD adapts the layout to the viewing environment by
using fluid, proportion-based grids, flexible images, & CSS3 media
i t i f th @ di l i th f ll iqueries an extension of the @media rule, in the following ways:
 The fluid grid concept calls for page element sizing to be in relative
units like percentages, rather than absolute units like pixels or points.
 Flexible images are also sized in relative units, so as to prevent them
from displaying outside their containing element.
 Media queries allow the page to use different CSS style rules based on
3
q p g y
characteristics of the device the site is being displayed on, most
commonly the width of the browser.February 25th 2016 ©2016 IT Sapiens, Inc.
Proprietary and Confidential

5. Responsive Design Benefits33
 Benefits of using Responsive Web Design in ITS Mobile:
 Effortless Multi Device Adaptation
 One SAP Screen Format  One SAP HTML template for all devices,p
independent of brand of device
 Easy to Maintain
 One codebase  One ITS Mobile URL for all devices that optimizesOne codebase  One ITS Mobile URL for all devices, that optimizes
content for all devices,
 Higher Conversion Rates
N di ti t d i ifi URL No re-direction to device specific URL
 Cost Effective
 Avoiding device specific mobile development, results in reduced ITS
mobile development and maintenance costs
 Improved User Experience
4
(Contd…)
February 25th 2016 ©2016 IT Sapiens, Inc.
Proprietary and Confidential

6. Responsive Design Benefits33
 An Example of Responsive Design Layouts of web sites:
5
(…Contd)
February 25th 2016 ©2016 IT Sapiens, Inc.
Proprietary and Confidential

7. SAP Standard ITS Mobile Solution44
 SAP Standard ITS Mobile Solution:
 All Template generators/styles (e.g. MOBILE4) are inherently NOT
Responsive to Mobile/RF Handheld device widthp
6
(Contd…)
February 25th 2016 ©2016 IT Sapiens, Inc.
Proprietary and Confidential

8. SAP Standard ITS Mobile Solution44
 SAP Standard ITS Mobile Solution:
 HTML Template screens (for SAP ABAP screens) are left justified
 User would have to zoom in to view screens clearly, since HTML screeny
does not resolve to device screen width
7
(…Contd)
February 25th 2016 ©2016 IT Sapiens, Inc.
Proprietary and Confidential

9. IT Sapiens’ Responsive Design ITS Mobile Solution55
 Features of IT Sapiens’ Responsive Design based ITS Mobile Solution:
 Responsive Design specific Template Generator/Style:
8
(Contd…)
February 25th 2016 ©2016 IT Sapiens, Inc.
Proprietary and Confidential

10. IT Sapiens’ Responsive Design ITS Mobile Solution55
 Features of IT Sapiens’ Responsive Design based ITS Mobile Solution:
 HTML Screens are Responsive and resolve to device screen width
9
(…Contd…)
February 25th 2016 ©2016 IT Sapiens, Inc.
Proprietary and Confidential

11. IT Sapiens’ Responsive Design ITS Mobile Solution55
 Features of IT Sapiens’ Responsive Design based ITS Mobile Solution:
 Includes MIME objects for further branding
 Multi Device Adaptation with native handheld browserp
 DOES NOT require the use of 3rd party browsers on mobile device(e.g.
Wave Link, Nauratech, etc)
 DOES NOT require any additional software to be loaded onto the mobile DOES NOT require any additional software to be loaded onto the mobile
device
 Cost Effective since one Codebase serves all devices and all mobile
d l t / f ti lit id i SAP d NOT bil d idevelopment / functionality resides in SAP and NOT on mobile devices
 Improved User experience
 Remote or On-site Implementation in 2-5 days
10
(…Contd)
February 25th 2016 ©2016 IT Sapiens, Inc.
Proprietary and Confidential

12. Our Value Proposition66
 Reduced TCO, Highest First Pass Yield and Highest Quality from:
 Strong expertise in providing end-to-end Supply Chain, Order to Cash and
Distribution Solutions
 Strong Expertise implementing SAP, enriching Business processes and
alleviating GAPs in SAP, for Life Sciences, Consumer Products, Chemical and
High-Tech Industry segments
 Very experienced consulting resource base with 14+ years experience and
deep cross-functional expertise
 Rich Knowledge base of custom solutions to address GAPs in most SAP
applications
 Ability to demonstrate end-state on Day 1 using in-house SAP Systems rich
with:
 Pre-configured Solutions
 demo-able SAP Functionality
 Demo-able IT Sapiens custom solutions
11
Demo able IT Sapiens custom solutions
 Framework to develop strawman solutions
 Our “Say-To Do” Ratio is 1:1February 25th 2016 ©2016 IT Sapiens, Inc.
Proprietary and Confidential

13. Questions ?77
 For more information…kindly contact
Vijay Pisipaty
Director-ERP Solutions & Consulting
IT Sapiens, Inc.
e-mail: vijay.pisipaty@itsapiens.com
12 February 25th 2016 ©2016 IT Sapiens, Inc.
Proprietary and Confidential