CD165.pdf

7/27/2019 CD165.pdf

http://slidepdf.com/reader/full/cd165pdf 1/41

Werner Wolf, Thomas Gross-BoeltingOctober, 2013

CD165

Build a Cloud App for SAP Business ByDesOther Cloud Objects

7/27/2019 CD165.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

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

7/27/2019 CD165.pdf



Agenda

SAP Solutions in the Cloud

SAP Cloud Applications Studio

Exercise

Define the Web Service

Create the Business Object and Business Logic Implementation

Adapt the UI

7/27/2019 CD165.pdf




PEOPLECore HR Cloud

• SuccessFactors Employee Central

• SuccessFactors Employee Central

Payroll

Performance Cloud

• SuccessFactors Performance &Goals

• SuccessFactors Compensation

• SuccessFactors Succession &Development

Learning Cloud

Recruiting Cloud

HR Analytics Cloud

CUSTOMER

Customer Cloud

• SAP Cloud for Sales

• SAP Cloud for Service

• SAP Cloud for Social Engagement

• SAP Social Media Analytics byNetbase

MONEY

Financial Cloud

• SAP Cloud for Financials

• SAP Cloud for Travel

• Ariba Invoice Pro

• SAP Business ByDesign

• SAP Business One Cloud

• SAP Sales and OperationsPlanning

SU

Sourcing Clou

• Ariba Sou

• Ariba Dis

• Ariba Co

• Ariba Sup

Procurement C

• Ariba Pro

• Ariba Ser

• Ariba Pro

Spend Analyti

• Ariba Spe

SOCIAL COLLABORATION with SAP Jam

BUSINESS COLLABORATION with the Ariba Network

LINE-OF-BUSINESS CLOUD APPLICATIONS

7/27/2019 CD165.pdf

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

SAP Cloud for Customer

Designed for - Information

– Giving sales reps relevant customer and contextual

information

Collaboration

– Support team selling required to win deals

Prediction

– Accurate pipeline forecasts Motivation

– Best HR practices to motivate your

sales team

7/27/2019 CD165.pdf


SAP Cloud for Travel

Designed for CFOs

who need to better

manage Expense and

cash flow

Designed for line

managers who need

to make the most

effective use of travel

budgets

Designed for travelers

who need to meet their

business goals

FinancialsManagerTravelers Opera

Desig

audito

effecti

travel

7/27/2019 CD165.pdf


SAP Business ByDesign

For large Enterpri

Needs of Headqua

Packaged integrat

SAP Business Sui

Headqu

Subsidi

Customer Integratio

3rd Party

More than 30 End-to-End Business Processes

Intuitive User Experience

Target Architecture & TCO ready for volume

Managed Services

End-to-End Processes

Customers

Bank

Supply

Chain

Production

Warehouse /

Logistics

Project

Management

Marketing

Sales

Service /

Support

Procurement

HR

Finance

Suppliers

Vendors

Contractors

Shared

Services

7/27/2019 CD165.pdf


Agenda



Exercise


Create the Business Object and Business Logic Implementation

Adapt the UI

7/27/2019 CD165.pdf


SAP Cloud Applications StudioThe SDK for SAP Cloud for Customer, SAP Cloud for Travel, SAP Business ByDesig

Modification-Free - Multi-Tenant - Multi-Device

Integrated development environment

based on Microsoft Visual Studio

UI Designer for new UI’s or to adapt pre-

generated UI’s

Out of the box Mobile enabled

Analytics for own objects or associated

standard SAP objects

Web Services to commun

SAP LoB solutions or cloud

Extensibility of standard S

Objects, reports, UI’s, exits

Integrated add-on lifecyc

environment, quality review

Link to SAP Store the com

for partner and SAP add-o

7/27/2019 CD165.pdf


Integrated Development Environment

Build as Microsoft Visual Studio S

– runs with both Isolated Shell or C# like scripting language

– Defining new Business Objects

existing SAP Business Objects

– Implementing Actions, Exits, We

Consumption

Wizards to define

– UI’s, Reports, Print Forms, Wor – Web Services

– Business Configuration

Field Extensibility

Integrated Tracing, Debugger

Compiles to standard Business O

7/27/2019 CD165.pdf



Out of the box Mobile enabled

Same Develop

for defining de Various platfor

Mobile Add-On

of it

– UI adaptatio

– Developmen

as for Silverl

and Businesdevelopmen

– UI’s only nee

developmen

Workcenter / Views Object Work List Factsheet Quick Activity

7/27/2019 CD165.pdf



Web Services

Provide own Web Services

Provide synchronous WebServices to access new and

existing Business Objects

from the outside

Push to and retrieve data via

an external actor

Wizard based creation

Web Service Consumption

Access SOAP and REST

services in the WEB

Business logic developed in

an Action or an Event

7/27/2019 CD165.pdf



Agenda



Exercise


Create the Business Object and Business Logic Implementation Adapt the UI

7/27/2019 CD165.pdf



New

Edit

OWL

QA

Select

Interaction Model

7/27/2019 CD165.pdf


Exercise 1Download SAP Business ByDesign Player

7/27/2019 CD165.pdf



Exercise 1Download the SAP Business ByDesign Player

Objectives

Download the SAP Business ByDesign Player From App Store

Configure URL in App Settings

Login using application user

Tools

iPhone / iPad

7/27/2019 CD165.pdf


Exercise 2Create the Web Services

7/27/2019 CD165.pdf




Objectives

Create 2 new REST Web Services

ZIP2Point Calculate latitude and longitude from a ZIP code

Weather Retrieve the weather data for the location

ToolsLogon to SAP Business ByDesign

The link can be found in the Student (local) folder and there in CD165

Go to the Work Center Application and User Management > Mashup Web Services

Create there the 2 services with New > REST Services

The service calls can be found in the Student (local) folder and there in CD165 / Code Snipp

7/27/2019 CD165.pdf


Exercise 3Create the Business Object and the Business Logic

7/27/2019 CD165.pdf



Exercise 3Create the Business Object and the Business Logic Implementation

Objectives

Create a new business object Weather_xxx (xxx= Group #) Elements : Customer, Street, City, Country, Temperature, Visibility, RelativeHumidit

Create the scripts for

AfterModify Event

Action GetWeather

Tools

SAP Cloud Applications Studio – Solution Explorer:

Add New Item wizard

Business Object Definition editor

Create Scripting

You can copy the Business Object coding and the action and event coding from the Student (

there in CD165 / Code Snippets

7/27/2019 CD165.pdf


Exercise 4 Adapt the Mobile Floorplans

7/27/2019 CD165.pdf



Exercise 4 Adapt the Mobile Floorplans

Objective

Create a Floorplan Scenario with Navigation. Name it Weather_xxx (xxx = Group #( incl. work center, work center view, OWL, QAF and QIF) for the new business objec

Assign Work Center to the application user

Test your application

Adapt the OWL: # Columns, Remove Header Row , Link for Navigation, Remove Ed

Adapt the QA: Save Button, OVS, Title

Test your application through the SAP Business ByDesign Player App

Tools

SAP Cloud Application Studio – Solution Explorer

UI Designer

7/27/2019 CD165.pdf


Exercise 5 (optional)Using SAP Business Object Data and add a Link to a Map View

E i 5 ( ti l)

7/27/2019 CD165.pdf



Exercise 5 (optional)Extended Adaptation

Objective

Use the association to the Customer Business Objects andshow the customer name on the UI

Add a link and show the address on a map view

ToolsSAP Cloud Application Studio – Solution Explorer

UI Designer

SAP® Cl d A li ti St di

7/27/2019 CD165.pdf



SAP® Cloud Applications StudioKey takeaways

The easy to use Software Development Kit

Extension of the Solution with own Business Objects or

seamless integration into the solution UI and standard Business Objects

Web Service enablement for integration with other cloud apps

Out of the box mobile enabled

7/27/2019 CD165.pdf



Further Information

SAP Education and Certification Opportunities

www.sap.com/education

Watch SAP TechEd Online

www.sapteched.com/online

SAP Public Web

www.sap.com/cloudapplicationsstudio

SAP T hEd Vi t l H d W k h d SAP T h

http://www.sap.com/cloudapplicationsstudio

http://www.sap.com/cloudapplicationsstudio

7/27/2019 CD165.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, DemoLIVE 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/

7/27/2019 CD165.pdf


FeedbackPlease complete your session evaluation for CD165.

Thanks for attending this SAP TechEd s

7/27/2019 CD165.pdf


Appendix

Exercise 1

7/27/2019 CD165.pdf



Exercise 1Download the SAP Business ByDesign Player

Task

Step 1 : Start APP Store App in iPhone / iPad

Step 2 : Search for SAP SAP Business ByDesign

Step 3 : Start ByDesign App and change the URL in Options

Step 4 : Logon to the system with the application user

Exercise 2

7/27/2019 CD165.pdf




Task

Step 1 : Logon to the system withyour user and password

Step 2 : Go to the Work Center

Application and User Management >

Mashup Web Services

Step 3 : Create the 2 REST Services

Hint:

You can copy the service descriptions from the Student (local) folder and there in CD

Snippets

Exercise 3

7/27/2019 CD165.pdf



Exercise 3Creating the Business Object – 1

TaskStep 1: Create a new business object called “Weather_xxx” (xxx = Group #).

The BO should contain the following elements: – Customer : Type PartyID

– City: Type LANGUAGEINDEPENDENT_LONG_Description

– ZIP: Type LANGUAGEINDEPENDENT_SHORT_Name

– Street: Type StreetName

– Country: Type CountryCode

– Temperature: Type LANGUAGEINDEPENDENT_LONG_Description

– Visibility: Type LANGUAGEINDEPENDENT_LONG_Description

– RelativeHumidity: Type LANGUAGEINDEPENDENT_LONG_Description – Description: Type LANGUAGEINDEPENDENT_LONG_Description

An Association ToCustomer to the Business Object Customer

Add an action: GetWeather

Save and activate your business object.

HintsFor the Business Object Customer you need an Import Statement to AP.FO.BusinessPartner.Glo

Exercise 3

7/27/2019 CD165.pdf



Exercise 3Create the Business Logic Implementation

TaskImplement the business logic to set the association to the selected customer instance in the AfterM

implement the GetWeather action which retrieves the weather data for the selected customer via a

Step 1 : Create a script for the AfterModify Event and the Action

Step 2 : Implement the coding

Step 3 : Test your changes on the iPhone

Hint:

Use right click in the Solution Explorer on your business object, Create Script Files and select the c

You can copy the Business Object coding and the action and event coding from the Student (local)

CD165 / Code Snippets

Activate the event with right click on the event in the Solution Explorer

Exercise 4

7/27/2019 CD165.pdf



Exercise 4 Adapt the Mobile Floorplans - 1

TaskStep 2: Generate a complete Floorplan Scenario with Navigation for your business object

Hints

The screen generation wizard can be reached in the Solution Explorer via right-click on the Busines

Exercise 4

7/27/2019 CD165.pdf




Task

Assign Work Center to the application user

Step 1 : Double Click on the “Student(local)” folder icon (desktop), go to folder CD165, double clic

Step 2: Logon with your user and password

Step 3 : Workcenter Application & User Management (mouse over) -> Business Users (click)

Step 4 : Find user your application user

Step 5 : Select line and Edit -> Access Rights

Step 6 : Find Weather_xxx, select the line and Locate

Step 7 : Assign the generated Weather_xxx Workcenter and “Save and Close”

Exercise 4

7/27/2019 CD165.pdf



Exercise 4 Adapt the Mobile Floorplans – 3

Task

Test you application

Step 1 : Start the ByDesign Player

Step 2 : Logon with application user

Step 3 : Scroll to the bottom of the list : your workcenter should be here

Step 4 : Try your app

Hint:Since you have not yet adapted the floorplans some functionality will not work.

E.g. there is no save button

Exercise 4

7/27/2019 CD165.pdf




Task

Adapt your OWL for mobile

Step 1 : Start the UI Designer with double click on Weather_xxx_OWL in the Solution Explorer

Step 2 : Switch to change mode in UI Designer (pencil icon)

Step 4 : Remove the Edit Button

Step 5 : Remove all columns except FirstName / LastName

Step 5 : Click on first Column and change Property DisplayType to Link

Step 6 : Click on first Column and change Property OnClick Event to EditHandler

Step 7 : Click on the outer boundaries of the list to select the list propertiesStep 8 : change the property ShowHeaderRow to False

Step 9 : Save and Activate floorplan

Exercise 4

7/27/2019 CD165.pdf




Task

Adapt your QA for mobile

Step 1 : Start the UI Designer with double click on Weather_xxx_QA in the Solution Explorer

Step 2 : Switch to change mode in UI Designer (pencil icon)

Step 3 : Remove the View all Button

Step 4 : Change the action of the Save Button to “Save and Close”

Step 5 : Change the Display Type of the Customer field to ObjectValueSelector and assign the O

Party.OVS

Step 6 : Filter the OVS to Accounts only

Step 6 : Change the Floorplan title to Participant and Save and Activate the floorplan

Step 7 : Test changes with the ByD player

Hint:For the Save action change go via the Controller tab to the Event Handler SaveHandler and chang

To set the OVSComponent, browse in the repository into SAP_BYD_APPLICATION_UI > publicovs

OVS Filter can be set by selecting PartyTypeCode, copy it to the parameter section and assign the

Exercise 5

7/27/2019 CD165.pdf



Exercise 5Use the Association to the Customer Business Object

Task

Adapt your QA to show the customer name

Step 1 : Add the data field BusinessPartnerFormattedName from the associated Customer object

Step 2 : Add the data binding for the customer text (BusinessPartnerFormattedName) to the QA fie

Hint:

To add a data field go to the Data Model tab.

Drag BusinessPartnerFormattedName from ToCustomer > CurrentCommon to the structure Weath

Then you can use it on the Designer Tab for the Customer field in Properties > Data Information >

Binding.

Exercise 5

7/27/2019 CD165.pdf



Link to the Map View

Task

Add a link on your QA to show the map of the entered address

Step 1 : Add a link field on the QA, change the label to “” and change the text (Data Information >

Step 2 : Pass the address as parameter to the map service

Hint:Select the Link control from the Toolbox tab and drag&drop it to the UI on the left

The address parameter can be passed via the property Misc > RawAddress

Select TextPool and Advanced and enter in the table

- map://address=

- Bind the data field Street

- Bind the data field City

- Bind the data field Country

- &title=

- Bind the data field BusinessPartnerFormattedName

© 2013 SAP AG or an SAP affiliate company All rights

7/27/2019 CD165.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

CD165.pdf