You are on page 1of 45

MOB102 Next Stop: Enterprise Mobility in the

Cloud

Public
Speakers

Las Vegas, Sept 19 - 23 Bangalore, October 5 - 7 Barcelona, Nov 8 - 10

Britt Womelsdorf Keshav Gupta Britt Womelsdorf

2016 SAP SE or an SAP affiliate company. All rights reserved. Public 2


Disclaimer

The information in this presentation is confidential and proprietary to SAP and may not be disclosed without the permission of
SAP. Except for your obligation to protect confidential information, this presentation is not subject to your license agreement or
any other service or subscription agreement with SAP. SAP has no obligation to pursue any course of business outlined in this
presentation or any related document, or to develop or release any functionality mentioned therein.

This presentation, or any related document and SAP's strategy and possible future developments, products and or platforms
directions and functionality are all subject to change and may be changed by SAP at any time for any reason without notice.
The information in this presentation is not a commitment, promise or legal obligation to deliver any material, code or functionality.
This presentation is provided without a warranty of any kind, either express or implied, including but not limited to, the implied
warranties of merchantability, fitness for a particular purpose, or non-infringement. This presentation is for informational
purposes and may not be incorporated into a contract. SAP assumes no responsibility for errors or omissions in this
presentation, except if such damages were caused by SAPs intentional or gross negligence.

All forward-looking statements are subject to various risks and uncertainties that could cause actual results to differ materially
from expectations. Readers are cautioned not to place undue reliance on these forward-looking statements, which speak only
as of their dates, and they should not be relied upon in making purchasing decisions.

2016 SAP SE or an SAP affiliate company. All rights reserved. Public 3


Agenda

Context
SAP UXaaS overview
Cloud Development Infrastructure Value Proposition
UXaaS components
SAP Web IDE
SAP HANA Cloud Platform, mobile service for SAP Fiori
SAP Mobile Place
Cloud Device Testing
End to End Demo

2016 SAP SE or an SAP affiliate company. All rights reserved. Public 4


Mobility is the Primary Interface to the Digital Core

IoT & Big Data


Mobile apps transform work experience,
driving productivity & efficiency

Digital Core Mobile apps tie together capabilities from


multiple enterprise systems (SAP, non SAP)

Mobile user experience is critical for adoption


for internal and external users
Workforce
Engagement

2016 SAP SE or an SAP affiliate company. All rights reserved. Public 5


SAP HANA Cloud Platform
The Quickest Path to Innovative Mobile Apps & Digital Transformation

Build Extend Integrate


New Mobile & Mobile, Digital & Everything
Digital Apps On-premise Apps

2016 SAP SE or an SAP affiliate company. All rights reserved. Public 6


Unlocking the Power of SAP HANA Cloud Platform for mobile

Mobile Services Reusable Integration


e.g. authentication, to SAP and non-SAP
push, location, off-line back-ends (HCI)

Business Services API Management


leveraging HCP Services, API catalogues,
e.g. gamification, loyalty API governance

SAP HANA Cloud Platform


Custom Business Analytics
Logic and Storage Advanced analytics
Leveraging HANA, Java, services and visualization.
Node.js, etc.
S/4 SAP 3rd
HANA other Party

2016 SAP SE or an SAP affiliate company. All rights reserved. Public 7


Mobile App Development
Developer Experience

Discover Prototype Develop Test Package Deploy Extend

SAP Splash SAP Web IDE SAP Fiori, cloud edition

Business HCP mobile service for SAP Fiori


Expert Coder
Device Test HCP mobile service for app &
Cloud device management

HCP mobile service for development


and operations

2016 SAP SE or an SAP affiliate company. All rights reserved. Public 8


Value proposition for Cloud DI

Zero installation and upgrade

Reduces cost, complexity and effort

Brings you agility and flexibility

Seamless handover from Development to Operations / IT

Increased developer and team productivity, compliance

o IDC: Enterprise Guidance Leverage the productivity of cloud IDEs which have entered mainstream usage.1

o Evans Data Corporation: Browser-based development is one of the most important capabilities of a PaaS.2

1 Source: IDC Market Analysis Perspective: Worldwide Application Development Software, 2015 (September 2015) by Al Hilwa
2 Source: Evans Data Corporation Get Ahead in the Cloud, Cloud Development Survey Volume I & II, 2015

2016 SAP SE or an SAP affiliate company. All rights reserved. Public 9


SAP Web IDE

Introduction

Public
SAP Web IDE
Product Description

Powerful, extensible, web-based integrated development tool that


simplifies end-to-end application development

Develop Test Build Extend apps


and deploy

Enhanced with Fiori mobile service DevX


2016 SAP SE or an SAP affiliate company. All rights reserved. Public 11
SAP HANA Cloud Platform,
mobile service for SAP Fiori
Introduction

Public
An integrated end-to-end mobile service

Develop/
Monitor
Extend

SAP HCP,
Run & Enjoy
mobile Package &
service for Build
SAP Fiori

Discover & Test &


Install Distribute

2016 SAP SE or an SAP affiliate company. All rights reserved. Public 13


Available today in SAP Fiori, cloud service, premium edition

SAP Fiori, cloud service mobile service for SAP Fiori


Simple cloud deployment Simple, guided approach
Modernize UX with minimum impact to your on- Enable delivery of the best Fiori experience on
premise landscape mobile devices

Accelerate time to value Optimize for mobile


Get implementation done quickly Provide users with the benefits of
a native app user experience

Leverage existing investments


Connect to your on-premise business processes
Secure data
Address threats on multiple layers

Personalize the experience Connect to enterprise systems


Provide end users a role based application entry
Simple access & authorization for mobile users
point

2016 SAP SE or an SAP affiliate company. All rights reserved. Public 14


3rd Party Integration Framework
Device Cloud Testing
Introduction to Perfecto Mobile

Public
Extend Mobile Apps via HCP 3rd Party Integration Framework

Enhance all mobile apps post-development Add advanced capabilities to Fiori mobile apps
3rd Party cloud services are integrated into the workflows Publicly available Cordova plugins and 3rd party commercial
with SAP HANA Cloud Platform mobile services app plugins are dynamically built into SAP Fiori mobile apps

Defend against cyber


Requires: App Wrapping Threat attacks, report/enforce risk-
SAP HCP mobile service for app and Detection based policy management Requires:
device management App Testing SAP HCP mobile
Create custom Fiori mobile
OR EMM/MAM apps. Deploy them via EMM service
SAP HCP mobile service solutions for SAP Fiori
for SAP Fiori
Create custom SAP Fiori
VPN apps and automate
connection to VPN

Leverage publically available


Cordova Plugin Codova plugins

SAP Fiori mobile apps built with


HCP mobile service for SAP Fiori
Enterprise mobile apps developed with
HCP mobile service for dev & ops

2016 SAP SE or an SAP affiliate company. All rights reserved. Public 16


3rd Party Integration Framework
App Testing: Perfecto Mobile
The power of the industrys only full-
service, always-on cloud lab for digital
quality
Access one cloud-based test environment for
Mobile and Web projects
Embed the lab within your HCP mobile service for
App & Device Management or HCP mobile service
for SAP Fiori workflows
Integrate other commercial or open source
frameworks easily
Control end user conditions during every test
execution using the Wind Tunnel
Shrink defect analysis to resolution time with drill
down reporting to access all test artifacts
Understand build pipeline health in one single view

For more, visit Perfecto in the Exhibit Hall or online at


www.perfectomobile.com
2016 SAP SE or an SAP affiliate company. All rights reserved. Public 17
SAP Mobile Place

Introduction

Public
Mobile App Management
A secure device is lonely without awesome apps

Provide a branded, multi-channel, self-service experience best


serve employees, partners and consumers

Streamline publishing, analysis and ongoing management of


apps and services to both managed and unmanaged devices

Improve app discovery through categorization, ratings and


reviews and end user personalization

Automatically direct out of compliance users to download the


appropriate MDM solution before downloading apps and services

2016 SAP SE or an SAP affiliate company. All rights reserved. Public 19


SAP Mobile Place

2016 SAP SE or an SAP affiliate company. All rights reserved. Public 20


Demo

Building a mobile SAP Fiori app in the cloud

Public
Demo: introduction

Build an SAP Fiori app from scratch and deploy it onto a device using nothing but a web browser:

1. Create new Fiori Master-Detail Application from SAP Web IDE template which is mobile enabled

2. Preview the app in the browser

3. Use the WYSIWYG layout editor to add a button

4. Use the code editor to add functionality using an intelligent code assistant.

5. Add a mobile quality to the app by inserting a custom Cordova plugin

6. Build and deploy the application in the cloud and install over-the-air on your device.

7. Manage application lifecycle management via SAP Mobile Place

2016 SAP SE or an SAP affiliate company. All rights reserved. Public 22


Demo

Public
Demo: summary

Quick recap:
1. SAP Web IDE provides SAP Fiori application templates to get started quickly.
2. Testing and debugging the app can be done in the browser.
3. UI elements can be added using a WYSIWYG layout editor.
4. Used the code editor.
5. Added Cordova plugins to the mobile app.
6. We did it all in the cloud!
1. The mobile app was built in the cloud with zero tooling footprint on the workstation.
2. The app was installed on the device without using a cable.
3. The mobile service for SAP Fiori took care of the complexity of configuring and building the app.

2016 SAP SE or an SAP affiliate company. All rights reserved. Public 24


Expected delivery date

HCP mobile service for SAP Fiori

Features demonstrated are all generally available.

SAP Web IDE

Features demonstrated here are expected to be delivered with the SAP Web IDE release 161009.

For users with a Trial account, the number of builds will be limited to 5 per 24 hours.

2016 SAP SE or an SAP affiliate company. All rights reserved. Public 25


SAP TechEd Online

Continue your SAP TechEd


education after the event!
Access replays of
Keynotes
Demo Jam
SAP TechEd live interviews
Select lecture sessions
Hands-on sessions

2016 SAP SE or an SAP affiliate company. All rights reserved. Public 26


Further information

Related SAP TechEd sessions:


MOB101 - SAP and Apple: Revolutionize the Mobile Work Experience
MOB102 Next Stop: Enterprise Mobility in the Cloud
MOB161 Hands-on-Bootcamp: Putting the enterprise in your mobile App
MOB200 - Going Digital: SAP Mobile Technology Strategy and Roadmap
MOB201 - Digitizing the Customer Experience: Considerations for B2C Mobile Solutions
MOB260 SAP S/4HANA to Go: Demystifying Offline for Mobile Apps
MOB307 Extend SAP Fiori apps with the Mobile Services Integration Framework
MOB308 - Mobile DevOps: Continuous Integration on SAP HANA Cloud Platform

SAP Public Web


http://scn.sap.com/community/mobile
http://go.sap.com/product/technology-platform/mobile-app-development-platform.html
http://service.sap.com/roadmap

SAP Education and Certification Opportunities


www.sap.com/education

Watch SAP TechEd Online


www.sapteched.com/online

2016 SAP SE or an SAP affiliate company. All rights reserved. Public 27


Feedback
Contact information:
Please complete your
Britt Womelsdorf
session evaluation for Area Product Manager, Digital Experience Services
Britt.Womelsdorf@sap.com
MOB102

2016 SAP SE or an SAP affiliate company. All rights reserved. Public 28


Appendix

Demo screenshots

Public
Demo Setup

Have Northwind or ES4 connection ready in HCP to be used with WebIDE

Have FMS setup, upload developer profile in FMS

Have FCE setup

Build and deploy app once in WebIDE, and register in FLP

Basically run through:


http://scn.sap.com/community/fiori/blog/2016/06/03/how-to-use-sap-hcp-mobile-service-for-sap-fiori--part-1
Follow http://scn.sap.com/community/fiori/blog/2016/06/03/how-to-use-sap-hcp-mobile-service-for-sap-fiori--
part-2

2016 SAP SE or an SAP affiliate company. All rights reserved. Public 30


FMS DevX
Create Develop Preview Build
Create new Fiori app for mobile
File New Project from Template SAP Fiori Master Detail Application

Provide project name and Enable native mobile device functionality

2016 SAP SE or an SAP affiliate company. All rights reserved. Public 31


FMS DevX
Create Develop Preview Build
Create new Fiori app for mobile (2)
Select OData source provide path test service check result

Customize application template

2016 SAP SE or an SAP affiliate company. All rights reserved. Public 32


FMS DevX
Create Develop Preview Build
Instant preview of app in the browser
Select the project and click the Run button

2016 SAP SE or an SAP affiliate company. All rights reserved. Public 33


FMS DevX
Create Develop Preview Build
Add Mobile Qualities
Context menu Mobile Cloud Add Mobile Quality

2016 SAP SE or an SAP affiliate company. All rights reserved. Public 34


FMS DevX
Visual Development Layout Editor Create Develop Preview Build

Select View Open Layout Editor

Drag and drop UI elements onto the view

2016 SAP SE or an SAP affiliate company. All rights reserved. Public 35


FMS DevX
Visual Development Layout Editor Create Develop Preview Build

Change properties for button select icon, no text, emphasized

Add function call

2016 SAP SE or an SAP affiliate company. All rights reserved. Public 36


FMS DevX
Create Develop Preview Build
Coding (assisted development)
Ctrl + Space to
activate code
completion
Additional code completion
For Cordova plugins
For Kapsel plugins
API Reference pane
For Cordova plugins
For Kapsel plugins
Ctrl + Alt + b to beautify code

2016 SAP SE or an SAP affiliate company. All rights reserved. Public 37


FMS DevX
Create Develop Preview Build
Configure run configurations for preview
Various Run Configurations can be defined and configured in SAP Web IDE:

Per project

Mock data

URL parameters

UI5 versions

Destinations

Run in frame

Test environment

2016 SAP SE or an SAP affiliate company. All rights reserved. Public 38


FMS DevX
Create Develop Preview Build
Instant preview in various form factors
Screen size Device
orientation

QR code
To load app into
Companion App
for instant preview
on device.

2016 SAP SE or an SAP affiliate company. All rights reserved. Public 39


FMS DevX
Debug the app using the browsers developer tools Create Develop Preview Build

You can use the same tools for remote debugging on device

2016 SAP SE or an SAP affiliate company. All rights reserved. Public 40


FMS DevX
Create Develop Preview Build
Deploy to HCP

Context menu Deploy Deploy to


SAP HAPA Cloud Platform

2016 SAP SE or an SAP affiliate company. All rights reserved. Public 41


FMS DevX
Create Develop Preview Build
Fiori Mobile Service Build Wizard

Context menu Mobile -> Build with


Fiori Mobile Service
Select signing keys
Kick off build with Build button

2016 SAP SE or an SAP affiliate company. All rights reserved. Public 42


FMS DevX
Create Develop Preview Build
Cloud build
Monitor the build output in the console of SAP Web IDE
Once the build is finished, the result can be checked and downloaded and installed on your device

2016 SAP SE or an SAP affiliate company. All rights reserved. Public 43


Run the app on the device

2016 SAP SE or an SAP affiliate company. All rights reserved. Public 44


2016 SAP SE or an SAP affiliate company. All rights reserved.

No part of this publication may be reproduced or transmitted in any form or for any purpose without the express permission of SAP SE or an SAP affiliate company.

SAP and other SAP products and services mentioned herein as well as their respective logos are trademarks or registered trademarks of SAP SE (or an SAP affiliate
company) in Germany and other countries. Please see http://www.sap.com/corporate-en/about/legal/copyright/index.html for additional trademark information and notices.

Some software products marketed by SAP SE and its distributors contain proprietary software components of other software vendors.

National product specifications may vary.

These materials are provided by SAP SE or an SAP affiliate company for informational purposes only, without representation or warranty of any kind, and SAP SE or its
affiliated companies shall not be liable for errors or omissions with respect to the materials. The only warranties for SAP SE or SAP affiliate company products and
services are those that are set forth in the express warranty statements accompanying such products and services, if any. Nothing herein should be construed as
constituting an additional warranty.

In particular, SAP SE or its affiliated companies have no obligation to pursue any course of business outlined in this document or any related presentation, or to develop
or release any functionality mentioned therein. This document, or any related presentation, and SAP SEs or its affiliated companies strategy and possible future
developments, products, and/or platform directions and functionality are all subject to change and may be changed by SAP SE or its affiliated companies at any time
for any reason without notice. The information in this document is not a commitment, promise, or legal obligation to deliver any material, code, or functionality. All forward-
looking statements are subject to various risks and uncertainties that could cause actual results to differ materially from expectations. Readers are cautioned not to place
undue reliance on these forward-looking statements, which speak only as of their dates, and they should not be relied upon in making purchasing decisions.

2016 SAP SE or an SAP affiliate company. All rights reserved. Public 45