IT Sapiens-SAP ITS Mobile Solution With Responsive Design for Multi Device Adaptation
-
Upload
vijay-pisipaty -
Category
Technology
-
view
875 -
download
0
Transcript of 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.
February 25th 2016 ©2016 IT Sapiens, Inc. Proprietary and Confidential
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…)
February 25th 2016 ©2016 IT Sapiens, Inc. Proprietary and Confidential
Responsive Design Benefits33
An Example of Responsive Design Layouts of web sites:
5(…Contd)
February 25th 2016 ©2016 IT Sapiens, Inc. Proprietary and Confidential
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…)
February 25th 2016 ©2016 IT Sapiens, Inc. Proprietary and Confidential
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)
February 25th 2016 ©2016 IT Sapiens, Inc. Proprietary and Confidential
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
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
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 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)
February 25th 2016 ©2016 IT Sapiens, Inc. Proprietary and Confidential
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