Week 5 Unit 1:

Mobilizing SAP Fiori UX

Mobilizing SAP Fiori UX

Introducing the SAP Fiori Client

A native application
Android
iOS devices
Apache Cordova framework
Is an enterprise enhancement to the
mobile browser when SAP Fiori
applications are running

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

Public

Mobilizing SAP Fiori UX

Prerequisites

SP05 for SAP UI Add-On Ver. 1.0

(software component UI_INFRA)

SAP NetWeaver 7.40 SP04

(SAP_UI)

SAP Note 1942086 SAPUI5 Cache

Buster for Applications Update via
Scheduled Report

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

Public

Mobilizing SAP Fiori UX

Salient Features

Implements a cache
management strategy

Implements native
attachment handling
capabilities

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

Public

Thank you

Contact information:
[email protected]

 2014 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://global12.sap.com/corporate-en/legal/copyright/index.epx 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.

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

Public

Week 5 Unit 2: Introduction to the

SAP River Rapid-Development
Environment

Introduction to the SAP River Rapid-Development

Environment - Overview
Browser-based (Web) development
environment
Provides standard Web development tools
like code editors, wizards, and WYSIWYG
tooling that are optimized for building
responsive HTML5 apps with SAPUI5 (for
example, code completion)
Application templates act as the foundation
for highly efficient app development
Supports the E2E application lifecycle: UI
design, development, testing, deployment,
and customer extensions for responsive
SAPUI5 apps
Everything is source code-based: The tool
never gets in the way of the developer

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

Public

Introduction to the SAP River Rapid-Development

Environment - Benefits
Available in the cloud
Zero installation
User-friendly
interactive extension
mechanisms
Support for mobile,
tablet, and planned
integration with
container (e.g., SMP)
in one tool
Deployment
Translation
Plugins
2014 SAP SE or an SAP affiliate company. All rights reserved

Public

Introduction to the SAP River Rapid-Development

Environment - Editor Features
Code completion
API reference support
Collaborative
development
Customizing look and
feel
Search capabilities
Extensibility pane

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

Public

Introduction to the SAP River Rapid-Development

Environment - Application Generation - Templates
Guided procedures for
New project:
Empty SAPUI5 mobile/desktop template
SAP Fiori application template
Factsheets

SAPUI5 app extensibility

Create extension project

Extend controller
Extend/replace view
Replace view, replace service
Add new views to existing project

Additional templates of any kind can

be created, added, and managed

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

Public

Introduction to the SAP River Rapid-Development

Environment - Application Preview
Instant preview in
browser
SAP Fiori sandbox
Mock data support
for testing
purposes
Orientation
Simulator
QR code
generation

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

Public

Thank you

Contact information:
[email protected]

 2014 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://global12.sap.com/corporate-en/legal/copyright/index.epx 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.

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

Public

Week 5 Unit 3:
UI Theme Designer Overview

UI Theme Designer Overview

Meet the Theme Designer

Start with transaction code: /UI5/THEME_DESIGNER

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

Public

UI Theme Designer Overview

Supported UI Technologies

Web Dynpro ABAP/Java

HTML GUI, SAPUI5 (incl. SAP Fiori)
CRM WebUIF
SAP NetWeaver Portal
SAP NetWeaver Business Client
SAP GUI

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

Public

UI Theme Designer Overview

Key Tasks in the UI Theme Designer

Design custom themes

Access the UI theme designer
Select a base theme and preview
Customize a theme
Set a custom theme

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

Public

Thank you

Contact information:
[email protected]

 2014 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://global12.sap.com/corporate-en/legal/copyright/index.epx 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.

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

Public

Week 5 Unit 4:
Exercise - UI Theme Designer

Exercise - UI Theme Designer

Content
What you will do
Call the UI theme designer
using the transaction in the
SAP GUI
Create a custom theme based
on the SAP Blue Crystal theme
Change the background
(image and color)
Test various parameters on the
Quick and the Expert tabs
OPTIONAL Add custom code
on the CSS tab
All the information required for
this exercise can be found in the
how-to guide
2014 SAP SE or an SAP affiliate company. All rights reserved

Public

Thank you

Contact information:
[email protected]

 2014 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://global12.sap.com/corporate-en/legal/copyright/index.epx 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.

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

Public