SAP683184 CNA116 Presentation 1

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.

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.

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


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

Mindset
People
Business
Technology

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 •


quick
turbulent
flow



Adjust classical application

SAP Screen Personas
Build new
Workflow
SAPUI5 &
SAP BUILD SAP Web IDE SAP Fiori Elements
Mobile Dev Kit
Mobile Cards
Mendix
SAP Screen Personas
Workflow
SAPUI5 &
SAP BUILD SAP Web IDE
Build new
SAP Fiori Elements
Mobile Dev Kit
Mobile Cards
Mendix
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

Demo
SAP Screen Personas Gallery

SAP Screen Personas
Workflow
SAPUI5 &
Build new
SAP Fiori Elements
Mobile Dev Kit
Mobile Cards
Mendix
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

Demo
SAP Build

SAP Screen Personas
Workflow
SAPUI5 &
Build new
SAP Fiori Elements
Mobile Dev Kit
Mobile Cards
Mendix
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

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

Demo
SAP Web IDE

SAP Screen Personas
Workflow
SAPUI5 &
Build new
SAP Fiori Elements
Mobile Dev Kit
Mobile Cards
Mendix
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

Demo
Workflow editor and UI generation

SAP Screen Personas
Workflow
SAPUI5 &
Build new
SAP Fiori Elements
Mobile Dev Kit
Mobile Cards
Mendix
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

SAP Screen Personas
Workflow
SAPUI5 &
Build new
SAP Fiori Elements
Mobile Dev Kit
Mobile Cards
Mendix
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

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)

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

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.

Demo
SAP Fiori elements templates

SAP Screen Personas
Workflow
SAPUI5 &
Build new
SAP Fiori Elements
Mobile Dev Kit
Mobile Cards
Mendix
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.

Demo
Rule Editor

SAP Screen Personas
Workflow
SAPUI5 &
Build new
SAP Fiori Elements
Mobile Dev Kit
Mobile Cards
Mendix
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

Demo
Click through demo

SAP Screen Personas
Workflow
SAPUI5 &
Build new
SAP Fiori Elements
Mobile Dev Kit
Mobile Cards
Mendix
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.
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

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

Procurement Skill Lookup a specific item Backend

Dialogs, Utterances, Entities System(s)
Update an existing order

.
.
Skill Intents Backend services
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
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)

Demo
Skills for SAP CoPilot

SAP Screen Personas
Workflow
SAPUI5 &
Build new
SAP Fiori Elements
Mobile Dev Kit
Mobile Cards
Mendix
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
Wrap Up
SAP Screen Personas
Workflow
SAPUI5 &
Build new
SAP Fiori Elements
Mobile Dev Kit
Mobile Cards
Mendix
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

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

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

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

SAP683184 CNA116 Presentation 1

Hochgeladen von

Dokumentinformationen

Copyright

Verfügbare Formate

Dieses Dokument teilen

Dokument teilen oder einbetten

Freigabeoptionen

Stufen Sie dieses Dokument als nützlich ein?

Sind diese Inhalte unangemessen?

Copyright:

Verfügbare Formate

SAP683184 CNA116 Presentation 1

Hochgeladen von

Copyright:

Verfügbare Formate

CNA116 – An Overview of New Ways to

Develop Applications Rapidly

SAP TechEd Las Vegas Ingo Deck

SAP TechEd Barcelona Nis Boy Naeve

SAP TechEd Bangalore Paramita Biswas

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

Be sure to complete the session evaluation

Download the app from

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

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

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

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

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

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

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

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

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

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

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

Adjust classical application

SAP Screen Personas

SAP Screen Personas allows companies to adjust classical applications

For examples see:

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

SAP Screen Personas Gallery

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

SAP Screen Personas

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

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

SAP Screen Personas

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

Develop/extend Build Test Deploy

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

Rapid Application Development (RAD)

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

SAP Web IDE

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

SAP Screen Personas

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

Workflow editor and UI generation

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

SAP Screen Personas

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

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

SAP Screen Personas

Overview Page List Report Object Page

All three are responsive, for

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

SAP Web IDE

Business data Semantic meta data

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

Variant switch &

Interactive chart for

Object Details for

Keep working Work on details without

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

Sort, Filter and Group

Search field in table

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

SAP Fiori elements templates

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

SAP Screen Personas

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

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