it sapiens-sap its mobile solution with responsive design for multi device adaptation

SAP ITS Mobile With Responsive DesignSAP ITS Mobile With Responsive Design

• ECC 6.0

Solution BriefSolution Brief

IndexSynopsis11

What is Responsive Design?22

Responsive Design Benefits33 Responsive Design Benefits33

SAP Standard ITS Mobile Solution44 SAP Standard ITS Mobile Solution44

IT Sapiens’ Responsive Design 55 IT Sapiens Responsive Design ITS Mobile Solution

55

Our Value Proposition66

1 February 25th 2016 ©2016 IT Sapiens, Inc. Proprietary and Confidential

Questions ?77

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

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 peasy 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 ycharacteristics of the device the site is being displayed on, most commonly the width of the browser.


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, pindependent 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…)


Responsive Design Benefits33

An Example of Responsive Design Layouts of web sites:

5(…Contd)


SAP Standard ITS Mobile Solution 44

SAP Standard ITS Mobile Solution: All Template generators/styles (e.g. MOBILE4) are inherently NOT

Responsive to Mobile/RF Handheld device widthp

6(Contd…)


SAP Standard ITS Mobile Solution 44

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 screen y

does not resolve to device screen width

7(…Contd)


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…)



Features of IT Sapiens’ Responsive Design based ITS Mobile Solution:HTML Screens are Responsive and resolve to device screen width

9(…Contd…)



Features of IT Sapiens’ Responsive Design based ITS Mobile Solution: Includes MIME objects for further branding Multi Device Adaptation with native handheld browserpDOES 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 mobileDOES NOT require any additional software to be loaded onto the mobile

deviceCost 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 experienceRemote or On-site Implementation in 2-5 days

10(…Contd)


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

Questions ?77

For more information…kindly contact Vijay PisipatyDirector-ERP Solutions & ConsultingIT Sapiens, Inc.e-mail: [email protected]

12 February 25th 2016 ©2016 IT Sapiens, Inc. Proprietary and Confidential