KPI-Dashboard

with Lumira 2.0

Michael Jung, SAP
Christoph Kretner, SAP
November 13, 2017
CUSTOMER
Overview

Features:
Offline-Data imported via Lumira Discovery
KPI-Tiles are custom components (Composite)
Fiori 2.0 Look & Feel
Details for all KPIs
Built-in search functionality for KPIs
Freely configurable Home-Tab
KPI-specific reports incl. Map

2017 SAP SE or an SAP affiliate company. All rights reserved. CUSTOMER 2

Composite for Tiles I
Status-Icon with
conditional formatting

Open Popup with KPI details

Value with conditional

formatting

Delta value with unit (actual vs.

previous period)

Chart with details

2017 SAP SE or an SAP affiliate company. All rights reserved. CUSTOMER 3

Composite for Tiles II

One Composite for tiles

Bindable properties with and without charts

Event for open details

pop-up

Functions accessible in
application

Chart-component for
basic charttypes in
composite Formatter functions for
conditional formatting,
borders, css, icons
2017 SAP SE or an SAP affiliate company. All rights reserved. CUSTOMER 4
Adaptive Container

Adaptive container for

responsive design All four viewports used.
Optimized for iPad,
desktop and large
desktop-screens

Different block-size for

tiles with and without
chart

2017 SAP SE or an SAP affiliate company. All rights reserved. CUSTOMER 5

Details I
Switch popup to
fullscreen
Show or hide KPI area

KPI-specific report (for

KPIs with details icon only)

Time series with actual,

average and plan

XXL description of KPI

2017 SAP SE or an SAP affiliate company. All rights reserved. CUSTOMER 6

Details II

Crosstab or Chart Export to Excel or PDF

New filterbar
component

Crosstab with CSS

Navigation panel

2017 SAP SE or an SAP affiliate company. All rights reserved. CUSTOMER 7

Details III (map only available for Energiekosten (pro Gebude)

New ESRI Map-

Component
Chart type picker

Additional Chart type

map

GEOJSON-File with
Buildings in Walldorf
(SAP)

2017 SAP SE or an SAP affiliate company. All rights reserved. CUSTOMER 8

KPI-Search
Via search icon or CTRL + F
(new technical component short
cuts)

Detail

Navigation
KPI tile accessed
via menu will be
highlighted in blue
for 10 seconds

2017 SAP SE or an SAP affiliate company. All rights reserved. CUSTOMER 9

 Home

Up to nine tiles Delete a tile from

(can be enhanced) delete homescreen

Technical solution:
Favourite KPI-Keys are stored in a
global variable (array) und persisted
in a personal bookmark. Every new
added or deleted tile leads to an
update of the bookmark
2017 SAP SE or an SAP affiliate company. All rights reserved. CUSTOMER 10
Script related to tiles I

One function for all

tiles. calcTile for values
and setChartConfig for
possible Chart in tile

All tile related functions

can be found in
GS_TILES

Calc
tile-values

2017 SAP SE or an SAP affiliate company. All rights reserved. CUSTOMER 11

 Script related to tiles II

All attributes are stored

in excel in one string
All masterdata can be
separated by |
found in
DS_MASTERDATA

The original online-demo is BW-

based with usage of bw-
attributes. So we simulate
attributes with large strings,
splittet by the pipe into arrays

2017 SAP SE or an SAP affiliate company. All rights reserved. CUSTOMER 12

Masterdata for tile

Kpi-specific report?
Key of KPI used in
scripts and bookmarks
to identify KPI Color of status icon if
actual value > previous
value
Area of KPI, relevant for
search-function

Interval for cond

formatting

2017 SAP SE or an SAP affiliate company. All rights reserved. CUSTOMER 13

Misc
Delete all tiles Feedback
from homescreen
CSS

Contact

Scrollable
Tabs
(CSS)

Current
device
2017 SAP SE or an SAP affiliate company. All rights reserved. CUSTOMER 14
Thank you.
Contact information: Contact information:
Michael Jung Christoph Kretner
Senior Business Process Consultant Principal Business Process Consultant
mi.jung@sap.com Christoph.kretner@sap.com