CD112.pdf

8/11/2019 CD112.pdf

http://slidepdf.com/reader/full/cd112pdf 1/31

Dr. Ralf Rath, SAP AG

CD 112

SAP Visual Business – Creating Interactive Graphical Applications

8/11/2019 CD112.pdf


© 2013 SAP AG or an SAP affiliate company. All rights reserved.

Disclaimer

This presentation outlines our general product direction and should not be relied on i

purchase decision. This presentation is not subject to your license agreement or anywith SAP. SAP has no obligation to pursue any course of business outlined in this pr

develop or release any functionality mentioned in this presentation. This presentatio

strategy and possible future developments are subject to change and may be chang

time for any reason without notice. This document is provided without a warranty of a

express or implied, including but not limited to, the implied warranties of merchantab

particular purpose, or non-infringement. SAP assumes no responsibility for errors or

document, except if such damages were caused by SAP intentionally or grossly neg

8/11/2019 CD112.pdf



Agenda

I Introduction & Demos

Motivation

Basic Concepts

Demos

License

Technical Overview

Q & A

II Development

Architecture

Web Dynpro Integration

Backend Geo Services

Map & Geo Services Configuration

Q & A

8/11/2019 CD112.pdf


Introduction & Demos

8/11/2019 CD112.pdf

http://slidepdf.com/reader/full/cd112pdf 5/31© 2013 SAP AG or an SAP affiliate company. All rights reserved.

Motivation

The Relation to Reality makes Business Data intuitive and navigab

SAP Visual Business uses symbols to represent the reality.

The symbol attributes are reflecting the business data.

Interactions allow to work with the data.

8/11/2019 CD112.pdf


SAP Visual Business – Some Use Cases

Transportation Mgmt

Market Analysis

Logistics, EW

Sales Retail

Others, like

• Production Control

• CRM

SAP Visual Business is a framework that can be used in a variety of scena

Planning Analytics

Operations

8/11/2019 CD112.pdf


Demo

8/11/2019 CD112.pdf


SAP Visual Business interface License

Standard App Partner/Customer

Visual Business

Application

VB Development

Interface/SDK

SAP Netweaver

Developer User

SAP Netweaver

Runtime License

-

SAP Netweaver

Foundation for 3rd

Party Applications

SAP Visual Business is an Add On for Netweaver version from 7.00 (UI Extension Add On

SAP Visual Business is included in Netweaver 7.40 SP 5

8/11/2019 CD112.pdf


Development

8/11/2019 CD112.pdf


General Principle

Interactions

Position

Type

Size

Color

Tooltip

Selected

Application LogicSymbols

Business Data

Attribute 1

Attribute 2

Business Data

Attribute 1

Attribute 2

Event Handler

WD / FPM Component

Attributes Mapping

Interaction Mapping

Events

iTab

8/11/2019 CD112.pdf



Client

Application Page

Birds Eye View: Components

Server components

Application

SAP Netweaver

Visual Application

GeoMap Adapter 7.03

SAP Visual BusinessSetup

External Systems

SAP Visual Business

Runtime

VB Mobile Runtime

ABAP API

Client

API

UI Extension Add On 1.0 for Netweaver 7.00 (and higher)

Integrated in Netweaver 7.40

Backend Geoservices

8/11/2019 CD112.pdf



Architecture

Easy integration via

Reuse function modules WD Sidepanel chips

Supported UI Technologies

Native Web Dynpro Interface for embedding the

component into ABAP Web Dynpro applications.

FPM Interface, to integrate the component declaratively

in FPM applications

Configurable Controller PlugIn for a deep integration

with any Native, FPM, FBI, or other Web Dynpro based

application

Full support for SAPGUI

Client or Portal

8/11/2019 CD112.pdf



Sample Code

There are ABAP samples available:

VBI_GUI_TEST VBI_GUI_TEST_3D VBI_GUI_3

8/11/2019 CD112.pdf



Example: Point Object data: LS_SPOT type IF_VBI_SERVICE_PROVIDER=>SPOT_ELT_SPOTS type IF_VBI_SERVICE_PROVIDER=>SPOTS_

LS_SPOT-ID = IS_DATA-OBJECT_ID.LS_SPOT-TYPE = IF_VBI_CONST=>GC_SCENE_OBJECT_T

* copy positionLS_SPOT-POSITION-XPOS = IS_DATA-SPOT_POS_LON.LS_SPOT-POSITION-YPOS = IS_DATA-SPOT_POS_LAT.

* copy role

insert IS_DATA-ROLE into table LS_SPOT-ROLES.

* copy tooltipdata: LS_DESCR_ENTRY type VBI_S_OBJECT_DESCR_ENTLS_DESCR_ENTRY-CATEGORY = IF_VBI_CONST=>GC_D

LS_DESCR_ENTRY-PART = IF_VBI_CONST=>GC_DESCLS_DESCR_ENTRY-FIELD_NAME = 'Object'(004).

LS_DESCR_ENTRY-VALUE = IS_DATA-OBJECT_ID.append LS_DESCR_ENTRY to LS_SPOT-DESCRIPTION.

LS_DESCR_ENTRY-CATEGORY = IF_VBI_CONST=>GC_DLS_DESCR_ENTRY-PART = IF_VBI_CONST=>GC_DESCLS_DESCR_ENTRY-FIELD_NAME = 'Tooltip'(005).

LS_DESCR_ENTRY-VALUE = IS_DATA-TOOLTIP.

append LS_DESCR_ENTRY to LS_SPOT-DESCRIPTION.

LS_SPOT-FLY_TO = ABAP_TRUE.

LS_SPOT-HIGHLIGHTED = IS_DATA-HIGHLIGHTED.

append LS_SPOT to LT_SPOTS.

ME->SERVICE_PROVIDER->UPDATE_SCENE_OBJECTS( IT

* Trigger update of frontendME->SERVICE_PROVIDER->HANDLE_SCENE_EVENT( IV_E

IF_VBI_CONST=>GC_EVENT-DISPLAY_SCE

Spot/Image: Flat imaged based object consisting of a pin image and an icon

Box: 3D box object, which can be parameterized for scale, rotation, and color

Circle: Circle objectPie Chart: 3D-Pie Chart

Collada: Arbitrary 3D object loaded from a Collada DAE file

8/11/2019 CD112.pdf



Example: Line Objectdata: LS_LINK type IF_VBI_SERVICE_PROVIDER=>LINK_ENT

LT_LINKS type IF_VBI_SERVICE_PROVIDER=>LINKS_T

LS_LINK-ID = IS_DATA-OBJECT_ID.LS_LINK-TYPE = IF_VBI_CONST=>GC_SCENE_OBJECT_TY

* copy positionsLS_LINK-LINK_START-POSITION-XPOS = IS_DATA-REL_STLS_LINK-LINK_START-POSITION-YPOS = IS_DATA-REL_ST

LS_LINK-LINK_DEST-POSITION-XPOS = IS_DATA-REL_DESLS_LINK-LINK_DEST-POSITION-YPOS = IS_DATA-REL_DES

* copy colorsLS_LINK-FILL_COLOR = IS_DATA-FILL_COLOR.

LS_LINK-BORDER_COLOR = IS_DATA-BORDER_COLOR.

* copy tooltip and detail

data: LS_DESCR_ENTRY type VBI_S_OBJECT_DESCR_ENTLS_DESCR_ENTRY-CATEGORY = IF_VBI_CONST=>GC_DLS_DESCR_ENTRY-PART = IF_VBI_CONST=>GC_DESC

LS_DESCR_ENTRY-FIELD_NAME = 'Object'(004).LS_DESCR_ENTRY-VALUE = IS_DATA-OBJECT_ID.

append LS_DESCR_ENTRY to LS_LINK-DESCRIPTION.

LS_DESCR_ENTRY-CATEGORY = IF_VBI_CONST=>GC_D

LS_DESCR_ENTRY-PART = IF_VBI_CONST=>GC_DESCLS_DESCR_ENTRY-FIELD_NAME = 'Tooltip'(005).

LS_DESCR_ENTRY-VALUE = IS_DATA-TOOLTIP.append LS_DESCR_ENTRY to LS_LINK-DESCRIPTION.

LS_LINK-FLY_TO = ABAP_TRUE.

LS_LINK-HIGHLIGHTED = IS_DATA-HIGHLIGHTED.LS_LINK-HEAD_STYLE = IS_DATA-HEAD_STYLE.

append LS_LINK to LT_LINKS.

ME->SERVICE_PROVIDER->UPDATE_SCENE_OBJECTS( IT

ME->SERVICE_PROVIDER->HANDLE_SCENE_EVENT( IV_E

IF_VBI_CONST=>GC_EV

Line,

Arrow

8/11/2019 CD112.pdf



Example: Line Object

Polygon

Arrow Polygon

* copy start and end position and route points

data: LV_NUM_ENTRIES type I.

LV_NUM_ENTRIES = lines( <ROUTE> ).

read table <ROUTE> index 1 into LS_LINK-LINK_ST

read table <ROUTE> index LV_NUM_ENTRIES into

POSITION.

LS_LINK-ROUTE_POINTS = <ROUTE>.

8/11/2019 CD112.pdf



Example: Area Object

data: LS_AREA type IF_VBI_SERVICE_PROVIDER=>AREA_ENTRY,

LT_AREAS type IF_VBI_SERVICE_PROVIDER=>AREAS_TAB.

LS_AREA-ID = VBI_S_GUI_TEST_UI-OBJECT_ID.

LS_AREA-TYPE = IF_VBI_CONST=>GC_SCENE_OBJECT_TYPE-POLY

* copy positions -> form a rectangle

data: LS_POS type VBI_S_OBJ_GEOPOS.

LS_POS-XPOS = VBI_S_GUI_TEST_UI-REL_START_POS_LON.

LS_POS-YPOS = VBI_S_GUI_TEST_UI-REL_START_POS_LAT.

append LS_POS to LS_AREA-BORDER_POINTS.

LS_POS-XPOS = VBI_S_GUI_TEST_UI-REL_DEST_POS_LON.

LS_POS-YPOS = VBI_S_GUI_TEST_UI-REL_START_POS_LAT.


LS_POS-XPOS = VBI_S_GUI_TEST_UI-REL_DEST_POS_LON.

LS_POS-YPOS = VBI_S_GUI_TEST_UI-REL_DEST_POS_LAT.


LS_POS-XPOS = VBI_S_GUI_TEST_UI-REL_START_POS_LON.

LS_POS-YPOS = VBI_S_GUI_TEST_UI-REL_DEST_POS_LAT.


* copy colors

LS_AREA-FILL_COLOR = VBI_S_GUI_TEST_UI-FILL_COLOR.

LS_AREA-BORDER_COLOR = VBI_S_GUI_TEST_UI-BORDER_COLOR

* copy tooltip

data: LS_DESCR_ENTRY type VBI_S_OBJECT_DESCR_ENTRY.

LS_DESCR_ENTRY-CATEGORY = IF_VBI_CONST=>GC_DESCR_CA

LS_DESCR_ENTRY-PART = IF_VBI_CONST=>GC_DESCR_PART-C

LS_DESCR_ENTRY-FIELD_NAME = 'Object'(004).

LS_DESCR_ENTRY-VALUE = VBI_S_GUI_TEST_UI-OBJECT_ID.append LS_DESCR_ENTRY to LS_AREA-DESCRIPTION.

LS_DESCR_ENTRY-CATEGORY = IF_VBI_CONST=>GC_DESCR_CA

LS_DESCR_ENTRY-PART = IF_VBI_CONST=>GC_DESCR_PART-B

LS_DESCR_ENTRY-FIELD_NAME = 'Tooltip'(005).

LS_DESCR_ENTRY-VALUE = VBI_S_GUI_TEST_UI-TOOLTIP.

append LS_DESCR_ENTRY to LS_AREA-DESCRIPTION.

LS_AREA-FLY_TO = ABAP_TRUE.

append LS_AREA to LT_AREAS.

ME->SERVICE_PROVIDER->UPDATE_SCENE_OBJECTS( IT_AREAS =

ME->SERVICE_PROVIDER->HANDLE_SCENE_EVENT( IV_EVENT_ID

DISPLAY_SCENE ).

8/11/2019 CD112.pdf



Events

An event consists of

1. The event itself with source object information (ID + other) and related data

2. All data changes that happened on the frontend until the event was raised.

1. The event is handled by the application class passing the event onto the service provider method

IF_VBI_SERVICE_PROVIDER~HANDLE_SCENE_EVENT first

2. In case the service provider does not confirm the handling (by setting CV_EVENT_HANDLED = ABAP

class calls one of its sub-event handlers: GET_DETAILS, GET_CONTEXT_MENU, HANDLE_DRAG_DR

3. If the sub-handler does not confirm the handling the event will be passed further by raising event APPLThis event is handled intended to be handled by the surrounding UI technology, WDA or FPM, and to be p

technology specific format, e.g. as WDA event of the component controller or as FPM event.

8/11/2019 CD112.pdf



Direct FM Interface for Visual Business

Function Module

VBI_REUSE_ADDRESS_DISPLAY Displays an address on the client

VBI_REUSE_LOCATION_DISPLAY Displays a location from geo coo

VBI_REUSE_ROUTE_DISPLAY Displays a route points from a sta

VBI_REUSE_FULL_DISPLAY Updates the scene with the table

8/11/2019 CD112.pdf



Client

Application Page

Birds Eye View: SAPUI5

Server components

SAP Netweaver

OData ServicesSAP Visual Business

Setup

External Systems

SAP Visual Business

Runtime

VB Mobile Runtime

Client

API

OData

Geoservices

8/11/2019 CD112.pdf



Backend Geo Services

Interface IF_VBI_GEOCODING_SERVICE for accessing the backend geo services:

data: LV_GEO_CODER type ref to IF_VBI_GEOCODING_SERVICE.

LV_GEO_CODER = CL_VBI_GEOCODER=>GET_INSTANCE( ).

• Getting geo coordinates of an address (FIND_LOCATION)

• Calculating a route between two addresses (CALCULATE_ROUTE_SIMPLE)

• Calculating a route between an arbitrary number of way point (CALCULATE_ROUTE)

• Getting address information of a given geo location (FIND_LOCATION_REVERSE)

8/11/2019 CD112.pdf


8/11/2019 CD112.pdf



Map Provider Definition

The GeoMap component has a pre-defined default setup.

The customer has to license the map directly from a

provider or use own maps.

Configuration in the IMG (Transaction SPRO)

8/11/2019 CD112.pdf



Map Configuration

Map Product Configuration

8/11/2019 CD112.pdf



Map Configuration

Map Layer Configuration

8/11/2019 CD112.pdf



Map configuration

Application Configuration

Web Dynpro standard configuration editor:

Maintain app definitions IMG:

8/11/2019 CD112.pdf



Map configuration

Application Configuration

Map assignment to application:

End user map selection

8/11/2019 CD112.pdf



Further Information

Watch SAP TechEd Online

www.sapteched.com/online

SCN Space

http://scn.sap.com/community/visual-business

SAP E-Mail

[email protected]

SAP TechEd Virtual Hands on Workshops and SAP Tech

http://www.sapteched.com/online


mailto:[email protected]

mailto:[email protected]




http://www.sapteched.com/online

8/11/2019 CD112.pdf



SAP TechEd Virtual Hands-on Workshops and SAP TechContinue your SAP TechEd education after the event!

SAP TechEd Virtual Hands-on Workshops

Access hands-on workshops post-event

Available January – March 2014

Complementary with your SAP TechEd registration

SAP TechEd Online

Access replays of keynotes, Demo

LIVE interviews, select lecture ses

View content only available online

http://saptechedhandson.sap.com/ http://sapteched.com/o

http://saptechedhandson.sap.com/

http://sapteched.com/online

http://sapteched.com/online

http://saptechedhandson.sap.com/

8/11/2019 CD112.pdf


FeedbackPlease complete your session evaluation for CD112.

Contact: [email protected]

Thanks for attending this SAP TechEd s

8/11/2019 CD112.pdf



© 2013 SAP AG or an SAP affiliate company. All rights

No part of this publication may be reproduced or transmitted in any form or for any purpose without the express permission of SAP AG.

The information contained herein may be changed without prior notice.

Some software products marketed by SAP AG and its distributors contain proprietary software components of other software vendors.

National product specifications may vary.

These materials are provided by SAP AG and its affiliated companies ("SAP Group") for informational purposes only, without representation

SAP Group shall not be liable for errors or omissions with respect to the materials. The only warranties for SAP Group products and services

in the express warranty statements accompanying such products and services, if any. Nothing herein should be construed as constituting an

SAP and other SAP products and services mentioned herein as well as their respective logos are trademarks or registered trademarks of SA

other countries.

Please see http://www.sap.com/corporate-en/legal/copyright/index.epx#trademark for additional trademark information and notices.

http://www.sap.com/corporate-en/legal/copyright/index.epx




Documents

CD112.pdf