Week 1 Unit 1: Mobility Drivers in Business Today

Mobility Drivers in Business Today

Ubiquity of Mobility

7.3 billion devices in 2014 Mobile Internet - #1 disruptive technology of our time

2013 SAP AG. All rights reserved.

Public

Mobility Drivers in Business Today

Key Industries Adopting Mobility

Enterprise mobility spreading rapidly in manufacturing and retail Mobile solutions transforming industries

2013 SAP AG. All rights reserved.

Public

Mobility Drivers in Business Today

The Tech-Savvy Generation

Rise of the information worker Smart devices play a big role in personal productivity. Consumer apps drive our expectation of business apps.

2013 SAP AG. All rights reserved.

Public

Mobility Drivers in Business Today

The Competitive Edge

Businesses recognize the potential of mobile to optimize employee performance. SAPs core strategy is aimed at addressing the needs of the information worker.

2013 SAP AG. All rights reserved.

Public

Mobility Drivers in Business Today

I Want Access, but I Am Denied!

Cost, supportability, security and other barriers to adoption The homogenous device strategy Huge diversity in device type and operating system; a highly fragmented environment The rise of mobile device management The emergence of BYOD

2013 SAP AG. All rights reserved.

Public

Mobility Drivers in Business Today

What This Means for You

There is an increasing demand for mobile application developers. Application developers need to understand enterprise mobility requirements to get their apps adopted. The sky is the limitthere is huge opportunity here.

2013 SAP AG. All rights reserved.

Public

Thank you

Contact information: open@sap.com

 2013 SAP AG. 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 AG. The information contained herein may be changed without prior notice. Some software products marketed by SAP AG and its distributors contain proprietary software components of other software vendors. National product specifications may vary. These materials are provided by SAP AG and its affiliated companies ("SAP Group") for informational purposes only, without representation or warranty of any kind, and SAP Group shall not be liable for errors or omissions with respect to the materials. The only warranties for SAP Group 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. SAP and other SAP products and services mentioned herein as well as their respective logos are trademarks or registered trademarks of SAP AG in Germany and other countries. Please see http://www.sap.com/corporate-en/legal/copyright/index.epx#trademark for additional trademark information and notices.

2013 SAP AG. All rights reserved.

Public

Week 1 Unit 2: Paradigms in Mobile Computing

Paradigms in Mobile Computing

A Little Bit of History

1973 First call made with a mobile phone prototype by Motorola 1981 Osborne 1 First portable computer 1984 Psion Organizer First handheld computer 1992 First 2G (GSM) mobile phone 1996 Palm Pilot First popular PDA 1996 Panasonic Toughbook First ruggedized laptop 1997 Nokia Communicator smartphone 2002 Blackberry 5810 e-mail phone 2007 Asus EEE PC First netbook 2007 Apple introduced iPhone 2008 First smartphone to run Android 2008 Apple iTunes App Store 2010 Apple iPad First popular tablet 2012 Google Glass introduced

2013 SAP AG. All rights reserved.

Public

Paradigms in Mobile Computing

Early Days

SMS and USSD WAP Embedded C Symbian C++ J2ME .Net Compact

2013 SAP AG. All rights reserved.

Public

Paradigms in Mobile Computing

Mobile Web Applications

On-device Web browsers have similar capability to desktop browsers. Increased power of devices allows responsive marked up user interfaces. HTML5 and CSS3 greatly increase client-side rendering capabilities. Server delivers data, not pages. Very popularmany HTML5 UI frameworks like SAPUI5 available. SAP Fiori applications use this paradigm.
2013 SAP AG. All rights reserved.

Public

Paradigms in Mobile Computing

Native Development

.Net, Objective-C, Dalvic Java Currently preferred by developers due to full control of the user experience and device peripheral integration Most consumer applications are native applications

2013 SAP AG. All rights reserved.

Public

Paradigms in Mobile Computing

Hybrid Web Container

Definition: A native application executing locally available Web assets in an embedded browser JavaScript is the controller language HTML5 is used for UI rendering Typically has JavaScript to native code bridge or marshaling capabilities Will run any HTML5 UI framework

Hybrid App (HTML5/CSS/JS) Embeddable Browser Control Container Services

Encrypted Storage Secure Messaging User Security Native Functionality

Hybrid Web Container

2013 SAP AG. All rights reserved.

Public

Paradigms in Mobile Computing

Pros and Cons

This list is not exhaustive; there are also metadata-driven apps. Each paradigm has its strengths and weaknesses. Week 5 will delve into the pros and cons of each of these paradigms.

2013 SAP AG. All rights reserved.

Public

Thank you

Contact information: open@sap.com

 2013 SAP AG. 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 AG. The information contained herein may be changed without prior notice. Some software products marketed by SAP AG and its distributors contain proprietary software components of other software vendors. National product specifications may vary. These materials are provided by SAP AG and its affiliated companies ("SAP Group") for informational purposes only, without representation or warranty of any kind, and SAP Group shall not be liable for errors or omissions with respect to the materials. The only warranties for SAP Group 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. SAP and other SAP products and services mentioned herein as well as their respective logos are trademarks or registered trademarks of SAP AG in Germany and other countries. Please see http://www.sap.com/corporate-en/legal/copyright/index.epx#trademark for additional trademark information and notices.

2013 SAP AG. All rights reserved.

Public

Week 1 Unit 3: Tools To Build Our First Integrated Mobile App

Tools to Build Our First Integrated Mobile App

Overview

SAP NetWeaver Gateway SAPUI5 Eclipse Android Developer Tools Apache Cordova Google Chrome

2013 SAP AG. All rights reserved.

Public

Tools to Build Our First Integrated Mobile App

Obtaining your SAP NetWeaver Gateway Trial Account

What is SAP NetWeaver Gateway? SAP NetWeaver Gateway will provide our OData services for our application. Get your account at the SAP Developer Center at scn.sap.com

Browser-Based Applications

Mobile Devices

Enterprise Software

Cloud

Consumer Devices

OData

SAP NetWeaver Gateway

SAP Business Suite

CRM

SRM

SCM

PLM

ERP

2013 SAP AG. All rights reserved.

Public

Tools to Build Our First Integrated Mobile App

SAPUI5

SAPUI5 is an extensible JavaScriptbased HTML5 browser rendering library for business applications. It is used to build modern HTML5 Web applications like SAP Fiori. SAPUI5 has a server component, but operates mostly on the client. We will embed SAPUI5 in our Hybrid Web Container.

2013 SAP AG. All rights reserved.

Public

Tools to Build Our First Integrated Mobile App

Eclipse

Open source development environment Eclipse IDE for Java EE developers:

http://www.eclipse.org/downloads/

Dependency on Java SDK:

http://www.oracle.com/ technetwork/java/javase/ downloads

2013 SAP AG. All rights reserved.

Public

Tools to Build Our First Integrated Mobile App

Android Developer Tools

Download the Android SDK:

http://developer.android.com/sdk/index.html

Install the ADT plug-in in Eclipse:

https://dl-ssl.google.com/ android/eclipse/

2013 SAP AG. All rights reserved.

Public

Tools to Build Our First Integrated Mobile App

PhoneGap / Apache Cordova

Download PhoneGap, also known as Apache Cordova. Install Node JS. npm install -g cordova Use command line tool to generate Android or iOS Cordova project.

2013 SAP AG. All rights reserved.

Public

Tools to Build Our First Integrated Mobile App

Google Chrome

Use Chrome to Debug JavaScript. Download Google Chrome:

www.google.com/chrome

2013 SAP AG. All rights reserved.

Public

Thank you

Contact information: open@sap.com

 2013 SAP AG. 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 AG. The information contained herein may be changed without prior notice. Some software products marketed by SAP AG and its distributors contain proprietary software components of other software vendors. National product specifications may vary. These materials are provided by SAP AG and its affiliated companies ("SAP Group") for informational purposes only, without representation or warranty of any kind, and SAP Group shall not be liable for errors or omissions with respect to the materials. The only warranties for SAP Group 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. SAP and other SAP products and services mentioned herein as well as their respective logos are trademarks or registered trademarks of SAP AG in Germany and other countries. Please see http://www.sap.com/corporate-en/legal/copyright/index.epx#trademark for additional trademark information and notices.

2013 SAP AG. All rights reserved.

Public

10

Week 1 Unit 4: Programming Knowledge

Programming Knowledge
Overview

JavaScript HTML5 and CSS 3 SAPUI5 Model View Controller OData Debugging techniques

2013 SAP AG. All rights reserved.

Public

Programming Knowledge
JavaScript

Very popular scripting language Used to manipulate Web pages Can be executed in our Cordova Hybrid Web Container Exercise

2013 SAP AG. All rights reserved.

Public

Programming Knowledge
HTML5 and CSS3

HTML5 still under development Suitable for cross-platform smart phone development Introduces new syntax features <video>, <audio>, and <canvas> HTML5 example Learn more @ CSS3 example

2013 SAP AG. All rights reserved.

Public

Programming Knowledge
SAPUI5 Model View Controller

SAPUI5 is SAPs HTML5 application framework. It is built on top of an optimized version of jQuery. It uses the Model View Controller design pattern.

<!DOCTYPE html> <html><head> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <script id="sap-ui-bootstrap" src="resources/sap-ui-core.js" data-sap-ui-theme="sap_goldreflection" data-sap-ui-libs="sap.ui.commons"> </script> <script> var btn = new sap.ui.commons.Button({ text: "Hello World" }); btn.placeAt("content"); </script> </head> <body class="sapUiBody"> <div id="content"></div> </body></html>

2013 SAP AG. All rights reserved.

Public

Programming Knowledge
OData

OData ODBC for the Web SAP has adopted OData as its main service enablement standard for SAP Web and mobile applications. Collections Entities Queries

2013 SAP AG. All rights reserved.

Public

Thank you

Contact information: open@sap.com

 2013 SAP AG. 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 AG. The information contained herein may be changed without prior notice. Some software products marketed by SAP AG and its distributors contain proprietary software components of other software vendors. National product specifications may vary. These materials are provided by SAP AG and its affiliated companies ("SAP Group") for informational purposes only, without representation or warranty of any kind, and SAP Group shall not be liable for errors or omissions with respect to the materials. The only warranties for SAP Group 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. SAP and other SAP products and services mentioned herein as well as their respective logos are trademarks or registered trademarks of SAP AG in Germany and other countries. Please see http://www.sap.com/corporate-en/legal/copyright/index.epx#trademark for additional trademark information and notices.

2013 SAP AG. All rights reserved.

Public

Week 1 Unit 5: My First Integrated Mobile App

My First Integrated Mobile App

Overview

First, develop and test our application as a Web application. Generate container with Apache Cordova tools. Use Eclipse to load project and incorporate Web assets. Build and deploy.

2013 SAP AG. All rights reserved.

Public

My First Integrated Mobile App

What We Will Develop

2013 SAP AG. All rights reserved.

Public

My First Integrated Mobile App

The Service We Will Use

SDN Developer Center ES1 system Subset of the EPM model https://sapes1.sapdevcenter.com/sa p/opu/odata/sap/ZGWSAMPLE_SRV $metadata for entities Two OData entities:
1. 2.

Product BusinessPartner

2013 SAP AG. All rights reserved.

Public

My First Integrated Mobile App

Creating Views and Binding Data

We will use four SAPUI5 views: App, ProductList, Product Detail, and SupplierDetail. Views are separated into files and each view will have its own controller. Use a central model for simple global access to the data.

2013 SAP AG. All rights reserved.

Public

My First Integrated Mobile App

Running in a Container

Cordova app generation process Generated project structure Where to embed Web assets How to adjust the load timeout

2013 SAP AG. All rights reserved.

Public

Thank you

Contact information: open@sap.com

 2013 SAP AG. 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 AG. The information contained herein may be changed without prior notice. Some software products marketed by SAP AG and its distributors contain proprietary software components of other software vendors. National product specifications may vary. These materials are provided by SAP AG and its affiliated companies ("SAP Group") for informational purposes only, without representation or warranty of any kind, and SAP Group shall not be liable for errors or omissions with respect to the materials. The only warranties for SAP Group 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. SAP and other SAP products and services mentioned herein as well as their respective logos are trademarks or registered trademarks of SAP AG in Germany and other countries. Please see http://www.sap.com/corporate-en/legal/copyright/index.epx#trademark for additional trademark information and notices.

2013 SAP AG. All rights reserved.

Public