SAP Fiori Strategy, Standards and Guidelines> 12%

Define SAP Fiori Key principles, SAP Fiori application types, elements of User Experience Design, the concept of Design Thinking,
the Problem Space and Solution Space phases in the Design Thinking process, and implement SAP Fiori UIs using the SAP Fiori
Design Guidelines.

 UX402
SAPUI5 Foundations> 12%
Explain MVC and application architecture, the concept of modules, implement controls using the SAPUI5 framework (standard and
custom), and bind Data to a UI5 Control; Describe and work with Key Responsive Design Controls, Translatable Texts, App
Descriptor, aggregation binding, Dialogs and Fragments, Expression Binding, Custom Formatting, Filtering, grouping and sorting,
and work with diagrams.

 UX402
SAP HANA Cloud Platform and Web IDE Basics8% - 12%
Describe the SAP HANA Cloud Platform and the Prototyping, Development, Packaging, Deployment and Extensibility tools
available in SAP Web IDE.

 UX410 (SAP FIORI 2.0 AND SAPUI5 1.38)

OData and Advanced Data Handling8% - 12%
Register OData Service at Frontend Server, describe an oData Model and how to access backend data by the way of OData-
specific data binding feature, implement data binding using XML data, describe the OData Write-Support, OData Deep Inserts, and
perform tasks associated with adding, updating and deleting backend data from within a SAPUI5 application, and implement a Facet
Filter control and in App Navigation and deep Linking.

 UX410 (SAP FIORI 2.0 AND SAPUI5 1.38)

Extensibility in SAPUI58% - 12%
Describe the concept of Extensibility in SAPUI5 and Extension Points in SAPUI5, implement View Replacement, View Modification,
View Extension, Controller Extension, and Hook Methods, and extend Translations with Customer Properties.

 UX410 (SAP FIORI 2.0 AND SAPUI5 1.38)

SAP Hybrid App Toolkit8% - 12%
Describe the security features for SAP Fiori mobile applications, SAP Web IDE Hybrid App Toolkit (HAT) and the three options to
consume Fiori on Mobile devices (e.g. SAP Fiori in Browser, SAP Fiori Client app or custom Fiori Client, and SAP Fiori Mobile with
Kapsel SDK), use the SAP Web IDE plugin, the Hybrid App Toolkit Connector, and the SAP Hybrid App Toolkit Companion.

 UX411S
----- OR -----

 UX412 (SAP FIORI 2.0)

Deployment8% - 12%
Deploy an application on an ABAP Server, an application on the SAP Hana Cloud Platform, and an application on a Java Web
Server such as Apache Tomcat, as well as describe the Kapsel Integration.

 UX402
Testing8% - 12%
Write Unit-Tests, unit test with QUnit, create a QUnit Test Scenario, apply integration a test with OPA5, and create an OPA5 Test
Scenario.

 UX410 (SAP FIORI 2.0 AND SAPUI5 1.38)

SAP Fiori Architecture Overview< 8%
Describe the architecture and components of a typical SAP Fiori landscape.

 UX100 (SAP S/4HANA 1511)

FRI 2.0 AND SAPUI5 1.38Download Course Content (pdf)
course Announcements

 Please note that this training is not offered in Germany, Austria and Switzerland.

 The contents of this training are covered in Germany, Austria and Switzerland via the course WDE390 (Developing SAP
Fiori Surfaces).
aims

 This course wants to prepare you to:

o Describe design guidelines for SAP Fiori

o Develop UIs according to SAP Fiori App Types

o Develop custom SAP Fiori UIs using HANA Cloud Platform, Web IDE, and SAPUI5

o Enhance SAP Fiori UIs

target group

 Developer

 Developer Consultant

 Application Consultant

 Solution Architect

 Enterprise Architect

 Technology Consultant

requirements

Required knowledge

 SAPX01

 UX009s

 UX100

 UX400

 UX402

Recommended knowledge
  GW100

software release

 SAP S / 4HANA 1511 On-Premise and WTS to enable HCP and Web IDE development.

content

 Design Thinking Overview

o Foundations

 SAPUI5 Development

 SAP Fiori Launchpad

 SAP Fiori Design Guidelines

o layouts

o Controls

o Patterns

o App Types

 UIs according to SAP Fiori App Types

o Transactional UIs

o Fact Sheet UIs

o Analytical UIs

 UI2 services

 Enhancing SAP Fiori UIs

o View Extension

o View Modification

o View Replacement

o Controller extension
  Development Infrastructure

Hints

 Please note this is a replacement for the older SAPX08 and SAPX12 courses.

Kursankündigungen

 This course will begin with the simple question: "How do I mobilize a standard SAP Fiori App?" The learner will explore
SAP Fiori on mobile as a user requirement and learn the various tools available at SAP for mobilizing standard SAP Fiori
applications. Participants will explore the various application types and what each requires by mobile users. There will be
discussions and exercises associated with SAP Fiori runtimes, the SAP Fiori Client, and the specific mobile qualities of
the SAP Fiori Client. Finally, participants will engage in a business case scenario to perform the hands-on exercises to
mobilize an existing SAP Fiori application using SAP Web IDE and the Hybrid Application Toolkit (HAT).
Ziele

 This course will prepare you to:

o Describe the basics of Fiori and SAPUI5

o Understand Mobilizing Fiori (HAT)

o Use the HAT plugin

o Work in the HCP and HCPms environments

o Enable HAT on Mac for iOS mobile app development

o Describe Fiori CRM Apps

o Use the Kapsel Plugins

o Use the Kapsel Offline Plugins

o Perform Push Notifications

o Enable push for iOS Devices

o Use Fiori Mobile Services

Zielgruppe

 Developer

 Developer Consultant

 Solution Architect
  Enterprise Architect

 Technology Consultant

Voraussetzungen

Erforderliches Wissen

 SAPX01

 UX009s

 UX100

 UX400

 UX402

 UX410

 UX411s

Empfohlenes Wissen

 GW100

Softwarerelease

 One single VM with below SW installed to enable HCPms development.

 Node.js 0.12.9

 JDK 1.8

 Cordova 5.4.1 (use npm)

 Git 2.8.1

 Apache Ant 1.8

 Android SDK 5.1.1 (API Level 22)

 HAT Tool

 SMP3.0 SDK SP11 for Kapsel

Inhalt

 Overview Mobilizing Fiori (HAT)

o Explain the basics of Fiori and SAPUI5

o Describe the steps to Mobilizing Fiori (HAT)

o Use the HAT plugin

o Gain an overview of HCPms

o Enable HAT on Mac

 Overview HCPms and Offline

o Outline the Fiori CRM Apps

o Use Kapsel Plugins

o Use Kapsel Offline Plugins

 Push Notifications

o Use Push Notifications

o Enable push for iOS Devices

 Fiori Mobile Services

o Work in the Fiori Mobile Services environment

Hinweise

 This course is currently in production and will be released in early Q3/2016.

Release of the solution:

SAP S / 4HANA 1511

Download Course Content (pdf)

course Announcements

 This course provides an overview of Fiori Design Principles, usage, Fiori LPD to cover personalization and end-user
feedback, and other topics such as application types (Transactional, Analytical, Factsheet), application categories
(Original, Principle, Transactional), and intent-based navigation, and semantic objects. Various architectures want to be
covered by SAP Fiori for Business Suite (SAPUI5, SAP Gateway, ABAP), SAP Fiori for Suite on HANA (SAPUI5,
Enterprise Search, HANA XS Engine), SAP Fiori for S / 4HANA (SAPUI5 and CDS Views) , and SAP Fiori Mobile (Fiori
Client, SMP). Participants want to learn configuration topics, such as Fiori Groups (Conf, Cust, and Role), Fiori Catalog
 (SAPUI5, Web Dynpro, GUI for HTML), Fiori KPI Configuration (KPI Tile), and Fiori Theming (Theme
Designer). Integration related topics will therefore be discussed, such as Workflow (My Inbox), Business Client Integration
(GUI for Windows (BC 6.0)), Portal, and HCP (Cloud Portal, JAM Integration, Mobile Services). All exercises will use the
SAP S / 4HANA backend.
aims

 Working with SAP Fiori applications

 Understand the architecture and principles of SAP Fiori

 Configure and customize SAP Fiori

 Integrate SAP Fiori into different environments

target group

 All who are interested in SAP Fiori

requirements

Required knowledge

 SAPTEC (SAP NetWeaver Application Server Basics)

Recommended knowledge

 SAPX01 (SAP User Experience Fundamentals and Best Practices)

software release

 SAP S / 4HANA 1511

 AS ABAP 7.50

content

 Perspective of the end user

o SAP Fiori Design

o SAP Fiori Launchpad

o SAP Fiori Personalization

o SAP Fiori data processing

 Basics

o User interface
 o data services

o application types

 architecture

o SAP Fiori for Suite on Any DB

o SAP Fiori for Suite on HANA

o SAP Fiori for S / 4HANA

o SAP Fiori Mobile

 configuration

o groups

o Catalogs

o Target Mappings

o Analytical applications

 Theming

o UI Theme Designer

o SAP Screen Personas

 integration

o SAP Workflow

o SAP Enterprise Portal

o SAP Cloud Platform

Hints

 The training materials are written in English.

UX402E

Developing UIs with SAPUI5

003
Kursankündigungen

 This course is designed to give participants the opportunity to gain a much deeper understanding of the SAP User
Experience design methodology, the SAP SAPUI5 framework, and the overall SAP UX design principles and tools for
building robust SAP Fiori apps. Learners will engage in coding with MVC advanced UI Controls, gain an understanding of
basic and advanced data handling techniques, perform application extensibility, and explore advanced deployment
options.
Ziele

 This course will prepare you to:

o Describe the basic and advanced features of the SAP SAPUI5 framework

o Explain the SAPUI5 application architectures

o Perform basic and advanced development techniques

o Describe deployment methods for SAP SAPUI5 projects

o Develop custom SAP Fiori applications using SAP Cloud Platform, SAP SAPUI5, and other tools and services
available for developers

Zielgruppe

 Developer

 Developer Consultant

 Application Consultant

 Solution Architect

 Enterprise Architect

 Technology Consultant

Voraussetzungen

Erforderliches Wissen

 SAPX01

 UX009s

 UX100

 UX400

Empfohlenes Wissen
  GW100

Softwarerelease

 SAP Fiori 2.0 & SAP S/4HANA 1610.

Inhalt

 SAP User Experience and SAPUI5 Strategy

o SAP User Experience Strategy

o SAP User Experience Tools and Technologies

o SAP User Experience Use Case for Building Fiori-like Apps

 MVC Review and Advanced UI Controls

o MVC Architecture Review

o Binding Data to a UI5 Control

o Best Practices for SAPUI5 Applications

o App Navigation

o SAP Gateway as a Means for Data Access - Review

o OData Model - Review

o Implementing a FullScreen-Application

o Implementing a Master-Detail-Application

o Working with Messages

o Advanced Features of the Standard UI Controls

o Key Responsive Design Controls

o Extending Standard Controls

o Custom Controls

o Introducing SAP Fiori Elements

  Advanced Data Handling

o Remote vs. Local OData Services

o Working with the MockServer

o Data Binding via XML

o OData Model Write-Support

o OData Deep Inserts

o Sorting, Grouping, Function Imports

o Advanced Data Filtering Techniques

o Using the Facet Filter Control

 Application Extensibility, Introduction

o Extension Points

o Other Types of Extensibility

 Deployment Options

o SAP Hana Cloud Platform Deployment

o ABAP Server Deployment

Hinweise

 This course is currently in production and will be released in Q3/2017.