Sie sind auf Seite 1von 56

CNA116 – An Overview of New Ways to

Develop Applications Rapidly

PUBLIC
Speakers 2018

SAP TechEd Las Vegas Ingo Deck


October 2–5, 2018

SAP TechEd Barcelona Nis Boy Naeve


October 23–25, 2018

SAP TechEd Bangalore Paramita Biswas


November 28–30, 2018

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 2


Take the session survey.
We want to hear from you!

Be sure to complete the session evaluation


for this session CNA116
on the SAP TechEd mobile app.

Download the app from


iPhone App Store or Google Play.

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 3


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 SAP’s 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.

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 4


Agenda

Introduction
SAP Screen Personas
SAP Build
SAP Web IDE
SAP Cloud Platform Workflow
SAPUI5 and SAP Fiori elements
Mobile Development Kit
Mobile Cards
Skill Builder for SAP CoPilot
SAP Cloud Platform Rapid Application Development by Mendix

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 5


Develop Applications Rapidly

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 6


Develop Applications Rapidly

Anything..
..that helps
your USERS..
..to better
accomplish
their TASKS

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 7


Mindset

People

Business

Technology

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 8


SAP’s UX direction for digital transformation

• User-centered
People • Design-drivendevelopment
• One UX for SAP solutions

SAP Fiori
Business

• Digitalization •
• Simplification Technology •
• Cloud readiness •

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 9


Develop Applications Rapidly

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 10


Develop Applications Rapidly

quick

turbulent

flow

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 11


Develop Applications Rapidly

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 12


Develop Applications Rapidly

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 13


Develop Applications Rapidly

Adjust classical application


SAP Screen Personas
Build new

Workflow
SAPUI5 &
SAP BUILD SAP Web IDE SAP Fiori Elements
Mobile Dev Kit

Mobile Cards
Skill Builder for SAP CoPilot

Mendix
© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 14
Develop Applications Rapidly

SAP Screen Personas

Workflow
Adjust classical application
SAPUI5 &
SAP BUILD SAP Web IDE
Build new
SAP Fiori Elements
Mobile Dev Kit

Mobile Cards
Skill Builder for SAP CoPilot

Mendix
© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 15
SAP Screen Personas CGE204
Software to simplify screens in SAP S/4HANA or SAP ECC

SAP Screen Personas allows companies to adjust classical applications


to their users specific needs
Key capabilities
 Simplify complex Dynpro or Web Dynpro ABAP

 Render SAP Screen Personas flavors on desktops, tablets, and mobile phones

For examples see:


https://personasgallery-
imagineering.dispatcher.
us1.hana.ondemand.com

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 16


Demo

SAP Screen Personas Gallery

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 17


Develop Applications Rapidly

SAP Screen Personas

Workflow
Adjust classical application
SAPUI5 &
SAP BUILD SAP Web IDE
Build new
SAP Fiori Elements
Mobile Dev Kit

Mobile Cards
Skill Builder for SAP CoPilot

Mendix
© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 18
SAP Build CGE218
Design apps users love

SAP Build is a comprehensive set of cloud-based tools to quickly develop interactive prototypes, collect user feedback, and
jump-start development. Check it out at www.build.me.

Key capabilities
 Create interactive prototypes – no need for development
 Engage with end-users - gather their feedback
 Jumpstart development through the generation of UI5 code and integration with SAP Web IDE

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 19


Demo

SAP Build

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 20


Develop Applications Rapidly

SAP Screen Personas

Workflow
Adjust classical application
SAPUI5 &
SAP BUILD SAP Web IDE
Build new
SAP Fiori Elements
Mobile Dev Kit

Mobile Cards
Skill Builder for SAP CoPilot

Mendix
© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 21
SAP Web IDE

SAP Web IDE is a powerful, extensible, Web-based integrated


development tool that simplifies end-to-end SAP Fiori and
full-stack business application development.

Develop/extend Build Test Deploy

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 22


SAP Web IDE CNA214
Code simple

Rapid Application Development (RAD)


Capabilities
 Rules and UI development for workflow
 SAPUI5 applications development via graphical layout
editor
 Generation of SAPUI5 apps based on templates e.g.
using SAP Fiori elements
 Definition of mobile applications using the mobile
development toolkit

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 23


Demo

SAP Web IDE

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 24


Develop Applications Rapidly

SAP Screen Personas

Workflow
Adjust classical application
SAPUI5 &
SAP BUILD SAP Web IDE
Build new
SAP Fiori Elements
Mobile Dev Kit

Mobile Cards
Skill Builder for SAP CoPilot

Mendix
© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 25
SAP Cloud Platform Workflow CNA117

The SAP Cloud Platform Workflow service can be used to orchestrate a sequence of tasks across different people and
organizations.

Key capabilities
 BPMN-based workflow editor in SAP Cloud Platform Web IDE
– Model various tasks and events
– Generate SAPUI5 based Task UI
– Future Outlook: forms editor for user tasks
 My Inbox app for end users to manage their tasks
 Monitoring and administration of running workflows

Benefits
 Rapidly build new workflow-based applications on
SAP Cloud Platform
 Easily extend standard cloud application workflows

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 26


Demo

Workflow editor and UI generation

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 27


Develop Applications Rapidly

SAP Screen Personas

Workflow
Adjust classical application
SAPUI5 &
SAP BUILD SAP Web IDE
Build new
SAP Fiori Elements
Mobile Dev Kit

Mobile Cards
Skill Builder for SAP CoPilot

Mendix
© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 28
SAPUI5 CGE210
Product description

SAPUI5 is an HTML5 framework designed to build cross-platform,


responsive, enterprise-grade applications. It is the leading UI
technology of SAP’s user experience strategy. Major parts of the
framework are open-sourced under the product name OpenUI5.

Key capabilities
 Client-side, platform-independent JS framework
 Responsive, extensible, theme-able controls aligned with SAP Fiori design
guidelines
 Conformance with product standards for building enterprise-grade apps
 Support for any data transfer including JSON, XML, OData, and more
 Integrated adaptation capabilities for code-free UI manipulation
 Integrated troubleshooting tools

Benefits
 Increase business agility with cross-platform support for desktop and mobile apps
 Gain consistency through comprehensive design and coherent interaction patterns
 Increase developer productivity by managing concepts out of the box
 Simplify development effort and reduce maintenance costs
 Increase developer satisfaction through holistic Web toolkit

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 29


Develop Applications Rapidly

SAP Screen Personas

Workflow
Adjust classical application
SAPUI5 &
SAP BUILD SAP Web IDE
Build new
SAP Fiori Elements
Mobile Dev Kit

Mobile Cards
Skill Builder for SAP CoPilot

Mendix
© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 30
SAP Fiori elements CGE205 CGE371

Overview Page List Report Object Page


Immediate domain-specific insight Allows users to filter and work with Shows all facets of a single
on what needs attention. Offers large amounts of data business object
quick actions.

All three are responsive, for


desktop, tablet, mobile phone

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 31


SAP Fiori development with SAP Fiori elements & SAPUI5 flexibility services
UI Adaptation

UI Adaptation
SAPUI5 Flexibility at run time
at design time

Manual coding
Fiori Elements
Development

SAP Web IDE


Mixed
Smart design
(break-outs)
Freestyle
Smart Controls

Simple Controls

Business data Semantic meta data


(SAP Gateway / OData) (OData annotations)

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 32


SAP Fiori elements: Analytical list page

Variant switch &


Actions, filter dialogue
global KPIs
and filter type-switch

Visual filters
dimensions with
measures
View switch for
Breadcrumb chart/table view
navigation showing
analysis path

Interactive chart for


intuitive analysis and
drilldown Actions
for line items in tables
Table representation
of selected data

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC CGE360 33
SAP Fiori elements: Flexible column layout

Combine
List Report
Object Page and Full screen view switch
Object Item Details to inspect in more detail
on one screen

Object Details for


highlighted items
Adjust column size
to focus on the task
Adjust column size
to focus on the task

Keep working Work on details without


context in list leaving the list context

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 34


SAP Fiori elements: Worklist

No filter bar.
User gets the list of objects
on which he needs to act
on.

Multi Select
enabled by default

Sort, Filter and Group


options available directly in
table toolbar

Search field in table


toolbar.

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 35


Demo

SAP Fiori elements templates

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 36


Develop Applications Rapidly

SAP Screen Personas

Workflow
Adjust classical application
SAPUI5 &
SAP BUILD SAP Web IDE
Build new
SAP Fiori Elements
Mobile Dev Kit

Mobile Cards
Skill Builder for SAP CoPilot

Mendix
© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 37
SAP Cloud Platform Mobile Services: Mobile Development Kit CGE368
Build, customize, and administer native mobile applications in a highly productive, metadata-driven model

Benefits Capabilities
Application definitions
Reduce app development represented using
costs by leveraging drag and metadata which is
drop simplicity of no code tool dynamically interpreted on
the client to render the
native UI
Increase capacity to meet
mobile app demand without
professional developers WYSIWYG Editor, Web
IDE Plugin, extensible via
Optimize select pre-built SAP Plug-ins
apps (SAP Asset Manager,
etc.) by customizing them to
Drag and drop UI elements,
meet unique business needs
app templates and codeless
building blocks
Relieve maintenance burden
by simplifying lifecycle mgmt
without re-installing apps Action Editor and Rule Editor
based on Google Blockly
Simplify security by not
needing to maintain security for
individual apps.

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 38


Demo

Rule Editor

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 39


Develop Applications Rapidly

SAP Screen Personas

Workflow
Adjust classical application
SAPUI5 &
SAP BUILD SAP Web IDE
Build new
SAP Fiori Elements
Mobile Dev Kit

Mobile Cards
Skill Builder for SAP CoPilot

Mendix
© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 40
Micro apps CGE647
SAP Mobile Cards

Benefits Capabilities

Push updates,
Reduce costs by mobilizing subscriptions, user
data in familiar Wallet style selected content cards
apps without development

Create content cards for


Maximizes time to value with
SuccessFactors, FieldGlass,
prebuilt content from SAP
Ariba, etc. with low code.
S/4HANA Fiori Launchpad

Deploy content from Smart


Share only the information Template apps. No coding
users need, eliminating required
navigation across systems

Provide additional channel Full offline availability with


to access content that’s background updates
most important to users
Phone integration for maps,
Scale quickly with new location, email, SMS, and
content with minimal coding voice calling, Apple Watch
to no coding

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 41


Demo

Click through demo

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 42


Develop Applications Rapidly

SAP Screen Personas

Workflow
Adjust classical application
SAPUI5 &
SAP BUILD SAP Web IDE
Build new
SAP Fiori Elements
Mobile Dev Kit

Mobile Cards
Skill Builder for SAP CoPilot

Mendix
© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 43
Turn conversations into actions with SAP CoPilot CGE203

Get your work done with one intuitive conversational interface across all SAP applications and
beyond.

Conversational User Experience (UX)

Business Context Awareness

Self Learning system

Cross Applications

Open and Extensible


Enabling our customers and partners to extend
CoPilot Skills through bots, agents and APIs

This is the current state of planning and may be changed by SAP at any time without notice.
© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 44
How SAP CoPilot works

SAP CoPilot
1) Parse the natural language
Create Leave Request from phrase and resolve the intent
Aug 15 until Aug 20 “Create Leave request”

2) Resolve parameters “start


date”, ”end data” & ”vacation
type” from user utterance

3) Execute intent by sending a


request
structured request to the
backend system for fulfillment Backend
System
4) Convert backend system
Ok, I’ve created it. response into natural language
response
and present it to the user

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 45


What is a CoPilot skill?
A CoPilot Skill is capability of CoPilot consisting of related intents belonging together to
perform tasks on a specific topic or domain.

Look for catalog items Backend Service A


Dialogs, Utterances, Entities

Create a new order Backend Service B


Dialogs, Utterances, Entities

Procurement Skill Lookup a specific item Backend


Dialogs, Utterances, Entities System(s)

Update an existing order


Dialogs, Utterances, Entities

.
.
Skill Intents Backend services
© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 46
SAP CoPilot skills for SAP S/4HANA Cloud 1805
Example use cases

Sales Sourcing and Procurement


 Manage Sales Quotations  Smart Buying
Role: Internal Sales Representative Role: Employee/Requestor
Find via “Show me” open quotations of customer including additional E.g. Search for goods in procurement catalog, e.g. headsets, filter according
filter parameters. Create sales order on basis of open quotation and to various criteria such as maximum price or others
take over quotation data into sales order Order one item.
 Manage Sales Contracts
Role: Internal Sales Representative Idea - Project Management
Find via “Show me” sales contracts using various filter parameters (e.g.
customer name, sales org. distribution channel, division, customer  Manage Projects
reference etc.). Update reason for rejection. Roles: Project Manager / Project Financial Controller / Project Steering
Member
 Manage Sales Orders Find via “Show me” projects, e.g. high risk projects, with various filter
Role: Internal Sales Representative parameters
Find via “Show me” customer orders using various filter parameters Show milestones of the project, using filter parameters (e.g.
Update sales order, e.g. block, unblock, reject etc., including specifying approved/rejected)
e.g. reason for blocking. Show team members of the project.

 Track Sales Orders Finance


Role: Internal Sales Representative
Find via “Show me” order process status using various filter  Manage Bank Statements
parameters, e.g. customer reference, customer name. Roles: Cash Management Specialist
Find via “Show me” bank statement various filter parameters, e.g. company
code, house bank account, date, „not completed“ etc.
Update opening balance for the bank statement
© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 47
SAP CoPilot skill builder CGE361

SAP CoPilot Skill Builder is a code-free platform


to enable conversational experiences for
enterprise applications at scale

Currently supports:
 OData backend services
 GraphQL, other services (2019 & beyond)

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 48


Demo

Skills for SAP CoPilot

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 49


Develop Applications Rapidly

SAP Screen Personas

Workflow
Adjust classical application
SAPUI5 &
SAP BUILD SAP Web IDE
Build new
SAP Fiori Elements
Mobile Dev Kit

Mobile Cards
Skill Builder for SAP CoPilot

Mendix
© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 50
SAP Cloud Platform Rapid Application Development by Mendix CNA369

SAP Cloud Platform Rapid Application Development by Mendix is the fast and easy low-code way to create
and continuously improve business applications at scale utilizing SAP Cloud Platform.

Key capabilities
 Agile development platform
 Support of business and development collaboration
 Visual, graphical low-code tool set
 Prebuilt components, including easy integration with SAP systems
 SAP Fiori themed starter applications and templates

Benefits
 Connect Mendix developer community to SAP business content
 Extend the developers talent pool for LOB developers and less
technical users
 Build cloud multichannel applications faster without coding
 Create and continuously deliver enterprise-grade applications on SAP
Cloud Platform
© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 51
Develop Applications Rapidly
Wrap Up
SAP Screen Personas

Workflow
Adjust classical application
SAPUI5 &
SAP BUILD SAP Web IDE
Build new
SAP Fiori Elements
Mobile Dev Kit

Mobile Cards
Skill Builder for SAP CoPilot

Mendix
© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 52
SAP TechEd online / SAP Community

Access replays of:


 Keynotes
 SAP TechEd live interviews
 Selected lecture sessions

http://sapteched.com/online

Continue your SAP TechEd discussion after


the event within SAP Community:
 Read and reply to blog posts
 Ask your questions
 Join conversations

sap.com/community
See all SAP TechEd blog posts

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 53


Further information

Related SAP TechEd learning journeys


CNA7 – How to rapidly build cloud applications using high productivity tools
CGE2 – How to design and develop SAP Fiori apps

Related SAP TechEd sessions


CGE204 – Simplify Classic Screens to Improve User Productivity with Screen Personas
CGE218 – Improve SAP Fiori Adoption with SAP Build
CNA117 – How Customers Use Workflow and Rules in SAP Cloud Platform
CGE210 – SAPUI5 Evolution: Gain Performance, Close Gaps, and Use New Technologies
CGE371 – How to Efficiently Develop for SAP Fiori with SAP Fiori Elements
CGE360 – SAP Fiori Elements – Analytical List Page
CNA214 – High-Productivity Full-Stack Application Development with SAP Web IDE
CGE368 – Build a Metadata-Driven Enterprise App with Mobile Development Kit
CGE647 – Build and Operate Cross-Platform Micro Apps with SAP Mobile Cards
CGE203 – SAP CoPilot: An Overview
CGE361 – How to Build Your Own Skills for SAP CoPilot
CNA369 – SAP Cloud Platform Rapid Application Development by Mendix in Practice

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 54


Further information

Public SAP Web sites


SAP Community: www.sap.com/community
SAP products: www.sap.com/products

SAP training and certification opportunities


www.sap.com/education

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 55


Thanks for attending this session.

Feedback Contact for further topic inquiries

Please complete your session Nis Boy Naeve Ingo Deck


SAP Cloud Platform UX SAP Cloud Platform UX
evaluation for CNA116. Nis.boy.naeve@sap.com Ingo.deck@sap.com

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 56