ANA362

Overview and Highlight of

the Analytics Designer for
SAP Analytics Cloud
Jie Deng, Marouene Ferchichi, SAP

PUBLIC
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.

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

Agenda

Introduction to the analytics designer

Product highlights and live demos

Exercises

Q&A

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

Introduction to the
analytics designer
 SAP Analytics Cloud
Act with Confidence

Business Augmented Enterprise

Intelligence Analytics Planning

Digital Analytics Analytics

Mobile
Boardroom Hub Designer

On Premise Hybrid Cloud

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

The analytics designer completes SAP Analytics Cloud

One analytics platform Agile development Delighting your users

Develop analytic applications Start from existing content, Guide the users and adjust
that bring together BI, planning, templates,* or user stories and the widgets behavior based
and predictive capabilities customize, integrate, and extend on their expectations

Customize

Integrate/Embed

Extend

Reuse

Content Network

Mobile Ready

Developer handbook: https://www.sapanalytics.cloud/analytics-designer-handbook/

API reference documentation: https://help.sap.com/doc/958d4c11261f42e992e8d01a4c0dde25/latest/en-US/index.html
* Planned for the future releases

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

Product highlights
and live demos
Analytics designer Q3/2020 and Q4/2020 QRC highlights

Dashboarding capabilities
▪ Integration of analytic applications within SAP Analytics Cloud
mobile iOS app
▪ New widgets: List box, page book, value driver tree, toggle switch
▪ Navigation panel for table enabled to work with SAP Analytics
Cloud model
▪ CSS-like theme
▪ Flow panel for responsive scenario without codes
▪ Filter line enhancements to support multiple widgets
▪ PDF enhancements to support full table export
▪ Data change insights (beta) Desktop

Enterprise capabilities
▪ Performance improvements: Loading invisible widgets in
background, pause refresh script API, and widget initialization flag Using flow panel to create responsive
▪ DataSource browser and set data model by script variable for scenarios for different devices without codes
table
▪ Integration with SAP Data Warehouse Cloud solution

Scripting API enhancements

iPad
iPhone
© 2020 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 8
Loading invisible widgets in background

▪ The analytics designer provides additional option that invisible

widgets can be automatically loaded in background
– Application are divided into different pages/tab strips.
– The first page or tab strip of the application does not contain
a lot of widgets
▪ All the metadata and result set of the widgets are loaded in the
background if the option is set to loading in background
▪ Following components are automatically loaded in background
if the option is set to the application:
– Scripts that are related to initial invisible widgets
– Widgets or containers that defined within the invisible
containers
– Invisible tab strips
▪ You can set application to be loaded in background using
– Analytic application setting dialog
– Application URL parameter:
loadInvisibleWidgets=inBackground

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

Loading widgets

Application startup Application startup

With Load invisible widgets in background enabled
With Load invisible widgets in background disabled

User Inter action Analytic Application Script Execution

User Interaction Analytic Application Script Execution

Lo ad
App lica tio n

Lo ad
App lica tio n
Initialize
visib le wid ge ts

Initialize all
widge ts

Initialize
Execute
invisible
on Initialization
w idge ts
Execute
on Initialization
Widget already loaded

no yes

Upda te
Initialize
widge ts if w idge t Assu ming a w idg et
ne ce ssa ry Assu ming a widg et w as cha ng ed d ur ing
was cha ng ed d uring on Initialization e ve nt
on Initialization e ve nt
U pda te wid ge t

Default mode Loading invisible widgets in background

▪ Keep the scripts for onInitialization event as few as possible ▪ In case you really need to access the invisible widgets during application
onInitialization event, set the widgets to “Always initialize on startup”
▪ Don’t access and prepare invisible widgets for onInitialization event if
possible. Try to prepare the invisible widgets only if they turn visible. ▪ Don’t nest the invisible widgets too deep into the container structure if you
can’t avoid accessing invisible widgets during application onInitialization
event. It will wait until the container of the invisible widget is rendered
completely.

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

Integration with SAP Analytics Cloud mobile iOS app)

▪ Consuming analytic app within SAP Analytics Cloud

mobile app (iOS mobile-optimized Web view)
▪ Mobile-specific widget
– Pagebook
▪ Mobile setting in design time
– Set application property to “Mobile Enabled”
– Then application will be visible on mobile devices
– Application designer/developer must ensure that the application
is suitable for mobile consumption
▪ Following mobile specific gestures/events are provided
with analytic applications running on native Safari browser
on iPad:
– Shake event
– LongPress event for button, shape, and image widgets
– onOrientationChange event

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

Navigation panel and data source browser

▪ The navigation panel for table now is delivered with the

analytics designer. With the navigation panel, the user can
perform the following actions at application runtime:
– Add/remove dimensions/measures
– Swap axis/arrange totals
– Display dimensions in key/text representation
– Select hierarchies/properties
– Compact display/suppress zeros (for SAP Business Warehouse)
▪ The navigation panel can be opened or closed using the
new API in analytics designer.
– openNavigationPanel()
– closeNavigationPanel()
– Available items panel can be opened using the optional
parameter

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

Simple widgets property binding

▪ Application designers can now bind a simple widget's data

source to a primitive-type script variable, tile filter or
variable, model variable, and so on, so that the values of
the widget can be updated dynamically.
▪ The supported simple widgets include: Checkbox group,
radio button group, dropdown, list box, input field, text
area, slider, range slider, and image.
▪ The selected/updated value at runtime can be written back
to a specific script variable as well (excluding image).
▪ Thus the application designer can build the interactions
between different widgets in a very convenient way. without
the scripting effort.

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

Filterline working with multiple widgets

▪ Filterline can now support 2 modes:

– Individual widget filter → existing behavior: local filter
– Group filter /multiple widgets → new enhanced behavior: external
filter
▪ Configuration using builder panel Application design time settings
▪ In case there are overlaps or conflicts between local filter
and group filter, the joined filter (filter operation “and”) will
take effect for charts or tables.

Application runtime

© 2020 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 14

Flow panel for responsive layout

▪ Flow panel is a container widget for building

responsive layout without any codes
– Able to flow widgets within flow panel to proper position
– Support for mixed usage of flow panel and existing canvas
layout panel
– Coding-free using new break point concept
– Design time preview

Break points definition

Flow panel combined with fixed area

© 2020 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 15
CSS-like theme

▪ Providing additional CSS capabilities to customize the

application look and feel
– Theme-level CSS
o Stored in file repository and can be applied to multiple
applications
– Application-level CSS
o Stored within analytic applications
– Widget-level CSS class Theme-level CSS
o CSS class defined within theme-level CSS or application-
level CSS can be assigned to individual widgets
– Application-level CSS can be saved as theme-level CSS
– Widget CSS class can be dynamically changed at application
runtime using script API
▪ Priorities to influence the style of applications (from low
to high):
– Application theme
– Widget styling properties
– Theme CSS and application CSS
Application-level CSS

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

Pause refresh script API

▪ Typical use cases

– Pause the initial refresh of applications until they are modified
during application onInit event to optimize the application startup
performance
– Pause the refresh of chart and table after each click of user
action. User can take a couple of actions and then refresh the
table/chat all at once.
▪ Pause refresh of chart or table can be configured in builder
panel
▪ Set “Pause refresh” on or off using script API

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

Exercises
Exercises Technical Information

SAP Analytics Cloud:

http://ana362.eu10.hcs.cloud.sap/
User: XXXXX
Password: XXXXX

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

Exercises Overview:

▪ Exercise 1: With this exercise you are going to create a simple responsive analytical application and embed it into a HTML
page and run it with your iPad or iPhone. (Estimated Duration: 90 minutes)

▪ Exercise 2: With this exercise you will be able to explore and use the Generic Template. With this template you will have
the possibility to select and modify your Data Set using the available functionalities.. (Estimated Duration: 45 minutes)

▪ Exercise 3: Here you are going to create a simple feedback form to ask user to enter the rating of a web page and then
calculate the average score of this web page. You are going to leverage the responsive capability of analytics designer
and integration with SAC planning capability to implement this scenario. (Estimated Duration: 45 minutes)

You are not required to do all exercises. Exercises are independent, you can choose the exercises to work
on based on your interest and knowledge!

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

Exercise 1: Creating a responsive analytical application and embed this
application into a HTML page
Exercise Content
▪ Application header is already pre-configured
for you
▪ HTML page is already prepared for you
▪ Add flow panel, charts, table, slider, click event
to canvas, configure above objects
▪ Define Global Script Variable
▪ Use Global Script Variable for calculated
measures
▪ Set the application to mobile enabled
▪ Create a theme ANA362_XXBLACKTHEME,
Assign application to theme
▪ Download SAC iOS Mobile APP and run the
application
▪ Embedding: Add windows post message and
post message received, adjust html, and run
the application within HTML5

© 2020 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 21

Exercise 2: Exploring and Customizing the Generic Analysis Application

Exercise Content
▪ Explorer Generic Analysis Application
delivered as sample content
▪ Assign model to table and run the
application
▪ Set the Data Model via URL Parameter
when you run the application
▪ Use the SelectDataModelDialog to select a
Model at start time

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

Exercise 3: Creating a simple feedback form by leveraging SAC planning
capabilities

Exercise Content
▪ Build a responsive application
▪ Add the script APIs to implement the logic
of calculation of average score of this web
page
– Use create member API to create the
master data (name, email etc.) in the
planning table
– Use setUserInput API to enter the key
figure score into the planning table
– Use script API to calculate the average
score based on the count of master data
and score

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

Continue your learning experience from SAP TechEd in 2020 Your benefits
Your exclusive path to build and maintain SAP solution skills anytime, any place ▪ Gain insight into the latest
innovations, and master
software proficiency
Get empowered with access to relevant, up-to-date digital learning for ▪ Keep skills up-to-date,
SAP TechEd participants through a complete enablement solution that and enable performance
drives adoption and innovation. and business success
with help from SAP
Deepen your learning experience from SAP TechEd solution experts
Activate your free access to SAP Learning Hub, event edition, for: ▪ Achieve competitive
advantages and digital
▪ Learning Journey illustrations to guide you through complementary self-paced transformation success
learning content with trusted certifications
▪ Content specific to SAP TechEd in the online SAP Learning Room for SAP TechEd
▪ Access to SAP experts in special live sessions 500,000+
Learners in SAP Learning Hub

Deepen and validate your SAP solution skills

Subscribe to SAP Learning Hub, solution editions, for: 100+
Experts getting certified per day
▪ Solution-specific Learning Journey guides, content, collaborative
learning, and hands-on practice for your role and goals
▪ Drive performance and business success with validated solution expertise 150+
from the SAP Global Certification program SAP Global Certifications

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

Thanks for attending this session.

Contact for further topic inquiries

[email protected]
Follow us

www.sap.com/contactsap

© 2020 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.
The information contained herein may be changed without prior notice. 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 or its affiliated companies shall not be liable for errors or omissions with respect to the materials.
The only warranties for SAP 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 SE’s or its affiliated companies’ strategy and possible future developments, products, and/or platforms, 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, and they
should not be relied upon in making purchasing decisions.
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. All other product and service names
mentioned are the trademarks of their respective companies.
See www.sap.com/copyright for additional trademark information and notices.