CD263

Peter Barker, Andreas Hirche, Felix Hoefer, Uwe Palm, Julie Plummer TechEd 2012

CD263

Extending SAP NetWeaver Business Client with the Side Panel

2012 SAP AG. All rights reserved. 2

Disclaimer

This presentation outlines our general product direction and should not be relied on in making a

purchase decision. This presentation is not subject to your license agreement or any other agreement

with SAP. SAP has no obligation to pursue any course of business outlined in this presentation or to

develop or release any functionality mentioned in this presentation. This presentation and SAP's

strategy and possible future developments are subject to change and may be changed by SAP at any

time for any reason without notice. This document 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. SAP assumes no responsibility for errors or omissions in this

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


Agenda

SAP NetWeaver Business Client

The Side Panel

What is it?

How to configure it

Rapid Deployment Solutions (RDS) and the Side Panel

Exercises:

A: Add a Simple CHIP to a SAP GUI transaction

B: Add a Chart CHIP

C: Add a 3D Display CHIP to a New Transaction

D: Add a third-party (Map) CHIP, and add your own Tagging

Optional exercises:

E: Adding a Third-Party Chip (Twitter)

A good UI

is more than black and white!



User Interface Clients Major clients for Desktop & Browser

Key attributes Classic transaction launcher

Includes SAP GUI (embedded)

Role-based access

Application launcher

Browser functions integrated

Desktop integration

Typical Use Cases Mainly ABAP environment

Focus on multiple UI technologies

Access to one main system

Also access to other systems


Desktop Browser

Key attributes Includes SAP GUI (embedded)

Role-based access

Collaboration

Branding/ Theming

Content Management

Typical Use Cases ABAP and Java environment

Focus on multiple UI technologies

Portal-like scenarios

Access to many systems

SAP NetWeaver Portal Client

Browser

SAP Logon / SAP GUI

Key attributes Classic transaction launcher Menu-based access

Desktop integration

Typical Use Cases ABAP environment

Focus on Dynpro transactions

Desktop Browser


NetWeaver Business Client In a Nutshell

Role-based access to SAP business applications

Harmonized user experience - integrating SAP GUI, and Web Dynpro applications (incl. POWLs)

Embedded and reused SAP GUI (e.g. Easy Access menu favorites)

Quick Launch search field

Available in two flavors:

NWBC for Desktop (Windows based)

NWBC for HTML (browser based)

Side panel Enhance SAPGUI applications without

modification

Browser-like navigation (NWBC 4.0)

Index and New Tab navigation

Pinned tabs


SAP NetWeaver Business Client 4.0 New Features at a Glance

New design, harmonized with Corbu for Business Suite

Shell focus on content

Neutral palette

Subtle branding

New, browser-like, look and feel

Tabbed browsing - New tab = new session! (Desktop client)

New index and favorites pages

Supports Open Search standard (Desktop client)


Version 3.5 (NW 7.03) Version 4.0 Outlook*

Side panel

Multiple shell windows for parallel navigation

Lean top level navigation options

SAP Enterprise Search enabling

Central administrator configuration

Improved ABAP server performance

New design, harmonized with Corbu

New, browser-like look and feel

New tab - in new session

New index and favorites pages

New service maps

Support for Open Search standard

Additional theming and branding options

Enhanced administration and configuration

Seamless system access

Includes common SAP GUI and NWBC infrastructure

Enhanced NWBC for HTML client

Multi-system support by shell

On-demand integration

Availability for SAP ERP 6.0

EhP 6 & SAP NetWeaver 7.03

Backward compatible with SAP NetWeaver 7.00, 7.01, 7.02

Availability for SAP SCM 7.0

EhP 2 & SAP NetWeaver 7.03

Availability

Shipped as part of SAP NetWeaver UI Add-on

* This is the current state of planning and may

be changed by SAP at any time

UI Client Roadmap SAP NetWeaver Business Client

A good UI


Side Panel


The Side Panel

Instant value for SAP GUI

> 500 SAP GUI applications in EHP6

> 900 for EHP6, SP4

In Financial Accounting, Controlling, Logistics, SD, Manufacturing, Industries and more

> 70 reusable CHIPs

RDS content and services available

Benefits: End Users

No configuration effort

Improve user productivity

Benefits: Admin/ Developers

Easy configuration & extension

without modification

No risk

Low implementation costs

New with NWBC 3.5

Main application screen Side Panel

Open Side Panel


Side Panels Master Data Details

Show additional data for business objects

Can handle multiple business objects at the same time

Highly configurable


Side Panels Analytics

Show analytical data directly with business graphics

Highly configurable


Side Panels Third-Party Web Content such as Google Maps

Launchpad provides links to non-SAP content

Web 2.0 Mashups Highly configurable


Side Panels in Manufacturing 3D Visualization with SAP Visual Enterprise

Fully integrates business data and CAD data

Very large data sets Use cases Engineering Production Sales


Side Panels at SAP SAP StreamWork CHIPs

Bring together: People Information Process and structure Security

Results: Increased productivity Faster, better decision

making

Greater commitment and action

Transparency and repeatability

A good UI


Side Panel: How to Configure It


ABAP Server

PFCG

NWBC Role Concept (PFCG)

To assign Side Panel to

main app, use Role

Maintenance (PFCG)

Benefits

User sees only relevant apps Admin creates 1 role, once, for

many users

Role-based synergies with NWBC and WD ABAP apps

Many pre-defined roles available


Page Builder for Web Dynpro ABAP

Easily compose pages with building blocks

Building blocks = CHIPs

Browser-based tool

Layout

Personalization

Content:

SAP GUI

WD ABAP

Web content (SAP/non-SAP)

Configuration stored on 3 levels:

Configuration (System)

Customizing (Client)

Personalization (User)

Use cases

Side Panel

Entry pages


CHIPs: The Building Blocks

CHIPs

Each page = 1 or more CHIPs

CHIP catalog : > 70 CHIPs

CHIP configuration (in Page Builder)

Create new CHIPs

Technically:

Web Dynpro ABAP component

Implements exactly 1 component interface

Data exchange

CHIP to CHIP (wiring)

From canvas application to CHIP

1

2


Steps in Data Extraction

... ... Role system Application system

SAP_BASIS 7.31

NWBC for Desktop 3.5

Dynpro application Side panel

application

Dynpro

application Side panel

application

SAP GUI

Property

Collector

Tag table PFCG

6. Call

RFC,

BAPI,

service

5. Convert extracted data

SAP_BASIS *

Conversion service

4. Extract data Data context 1. Connect

2. Read tag table

3. Display side

panel

application

SAP GUI

Scripting

* *

*

Client

Server

System / Client Transaction / Screen Tagged Fields Tagging maintained in Role System

Dynpro/Screen Property Id Tag

MM03/1001 MATNR_1X MATERIAL

VA01/1000 YSDSS CUSTOMER

SUPL_12 SUPPLIER

New Side Panel apps on new system with SAP_BASIS 7.31

Existing Business Suite systems stay untouched

NWBC integrates new and old systems on client

Data Extraction


Enabling Innovation: NWBC and Web Dynpro ABAP

Web Dynpro ABAP (EHP1), POWLs (EHP2)

Page Builder (EHP5)

Web Dynpro ABAP Configuration Framework

SAP NetWeaver Business Client (NWBC)

Floorplan Manager (EHP4)

PFCG

Side Panels (EHP6)

Entry Pages

(EHP5)

A good UI


SAP RDS of Side Panel Content in

SAP NWBC


SAP RDS of Side Panel Content in SAP NWBC Rich Content and Services to Speed Up Implementations and Reduce Risk

A complete solution

Deployed in weeks

Software Modular SAP software Option to license sub-set Integrates to future and current landscape

Pre-configuration Best practice processes Automation High reusability

Enablement content Guides Educational material

Predefined service (via SAP or partners) Step-by-step delivery methodology Fixed scope, fixed cost Delivered usually in less than 12 weeks Low risk


SAP RDS of Side Panel Content in SAP NWBC Example: VA01 in Sales and Distribution Role

Role Menu

SAP GUI Transactions

WDA: Side Panel

Customer Credit Data

Master Data Details

Reports

Web Services


SAP RDS of Side Panel Content in SAP NWBC Go live in 3-4 weeks

Ready to use side panels in any SAP ECC 6.0 system

Service scope based on two deployment scenarios:

Single System (Availability of SAP ERP 6.0 EHP6 SP04 or higher)

Distributed System (Availability of SAP ERP 6.0 EHP0 or higher)

Install and configure necessary SAP components in the development, quality and production system landscape

Best Practices for side panels in Financials, Sales and Distribution, Procurement and Quality Management

Configure 3 predefined custom roles for side panel enablement leveraging more than 30 side panel CHIPs

Set up 3 user roles for access including corresponding side panels and chips

Deliver best practices on content, and how-to guides for defining own roles and tagging for custom scenarios

Knowledge transfer workshops

https://service.sap.com/rds-ui-sidepanel

A good UI


The Exercises A: Add a Simple CHIP to a SAP GUI transaction

B: Add a Chart CHIP

C: Add a 3D Display CHIP to a New Transaction

D: Add a third-party (Map) CHIP, and add your own Tagging

E: Add a Third-Party (Twitter) CHIP (Optional)


Naming conventions in exercises

System M12

Client 800

Users CD263_###

Roles CD263ROLE_###

Example

CD263_A12 is the user for session A and group

10

Naming conventions for users and objects

created in this session

###

Group ID Session ID


Main Application

Enter Outgoing Invoices (FB70)

Side Panel

1. Show Master Data Details for customer

2. Configure display

Exercise A: Add Master Data Details


Exercise B: Add a Chart

Main Application


Side Panel

Show Customer Balance Totals as a chart

Configure chart


Exercise C: Add a New Transaction and New Chip

Main Application

Material Maintenance (MM03)

Side Panel

SAP Visual Enterprise viewer


Exercise D: Add Third-Party Content with Google Maps

Main Application


Side Panel

Extract customer address details

Pass these to Google Maps


Exercise E: (Optional) Add Mashup with Twitter Feed

Main Application

Material Maintenance (MM03)

Side Panel 1. Use a Business Server Page (BSP) to

embed HTML code in a CHIP

2. Add a Web CHIP to display Tweets

3. Make the CHIP customizable to

display only tweets with a specified

keyword


Client

Server

Typical Steps when Building a Side Panel

... ... Role system Application system

SAP_BASIS 7.31

NWBC for Desktop 3.5

Dynpro application Side panel

application

Dynpro

application Side panel

application

SAP GUI

Property

Collector

Tag table PFCG SAP_BASIS *

Conversion service

Data context

SAP GUI

Scripting

* *

*

2. Collect

Properties to

be extracted

3. Map properties to

tags : cannot be done

by multiple users at

same time.

=> Tags are already

prepared for the

exercises

4. Test tags

5. Build Side Panel

Application with Page

Builder

6. Assign

side panel

application

to an

application

7. Test Side Panel

Application

! In todays session the

application and

role system are

the same (for

the sake of

simplicity) 1. Build your

own role


Further Information

SAP Public Web

http://scn.sap.com/community/netweaver-business-client SCN: SAP NetWeaver Business Client

http://help.sap.com/saphelp_nw73ehp1/helpdata/en/4c/5b13bf97817513e10000000a42189b/fra

meset.htm/ SAP Library

http://www.service.sap.com/patches Download NWBC Free: Keyword NWBC

http://service.sap.com/rds-ui-sidepanel RDS Side Panel

SAP Education and Certification Opportunities

www.sap.com/education

Training Course NWBC10


Further Information 2

Watch SAP TechEd Online

www.sapteched.com/online

Related Workshops at SAP TechEd 2012

CD262 : Building a Users Workplace with SAP NetWeaver Business Client

TEC201 : SAP User Interfaces Strategy and Road Map

A good UI


Appendix


SAP NetWeaver Application Server ABAP Empowering classic & new SAP products

50.000+ customers of ABAP-based products

Millions of ABAP developers, SCN as community

A thriving partner ecosystem

Proven, robust and scalable

Extends into HANA, Mobility and Cloud

Evolves continuously w/o disruption

Enables hybrid on-premise/on-demand scenarios

SAP NetWeaver Application Server ABAP, a strong pillar In SAPs product strategy

HANA

MOBILITY

CLO

UD

SAP NetWeaver in 2013

SAP NetWeaver

Application

Server ABAP


Superior User Experience

How everything fits together

Expert Hybrid Casual

Client

Framework

NWBC SAP GUI Browser Device

Side Panel

Floorplan

Manager

SAPUI5 Mobile

SDK

Island Concept

onPremise | Portal | onDemand

Page Builder Web

Dynpro

Technologies and Usage Types

A good UI


The Side Panel:

Configuring Your Own CHIP


CHIP Component Model

Ports & Contracts

CHIPs are reusable UI components independent of concrete UI technology

CHIP Component Model describes capabilities of CHIP with inports, outports and port contracts

Port contracts describes how the port shall be used (Wiring, Configuration, )

CHIP

User Interface

Contract Contract

Port Contract

Describes how outport

can be used

Outport describes UI

output parameters

Port Contract

Describes how inport

can be used

Inport describes UI

input parameters


CHIP Component Model

Configuration

The contract Configuration Inport describes required configuration input

Admin/User enters configuration via a Configuration User Interface

User Interface is automatically generated

CHIP

User Interface

Contract

Port Event

transports data

Contract =

Configuration Inport

Configuration

User Interface

A good UI


RDS: Additional Information


SAP RDS of Side Panel Content in SAP NWBC Appendix: Key Deliverables

Statement of work

Initial scoping workshop (depict customer requirements, map them to

the features of the rapid-deployment solution, and finalize the scope of

the project)

Configuration of SAP NetWeaver Business Client (NWBC)

Installation and configuration of SAP systems to support side panel

Application consulting, guiding the customer through the configuration

Installation and technical setup of further systems (quality and

production systems), including transport system

Activation of CHIPs via roles/configuration in SAP ERP necessary for

the rapid-deployment solution

Application consulting to present the customer with detailed scheduling

plan, Go-live and support

Deployment of NetWeaver Business Client (NWBC) to existing end-

user PCs

Provide Subject Matter Expertise (SME) Support to SAP team

Provide technical support as required to SAP technical team

(all Basis Support in single system deployment)

End-user training

Additional customizing in SAP ERP (not related to the rapid-

deployment solution)

Integration work with other SAP components not part of RDS

SAP / Partner Delivery Customer Provision


Building Block Technical Role Name (Composite) Technical Role Name (Single)

U31: Sales and Distribution

SAP_NBPR_SD_SPC*

SAP_BSSP_SD_SIDEPANEL

SAP_NBPR_SD-SPC*

U32: Procurement

SAP_NBPR_MM_PUR_SPC*

SAP_BSSP_LO_SIDEPANEL

SAP_BSSP_LO_SIDEPANEL_EXT

SAP_NBPR_MM_PUR-SPC*

U33: Quality Management

SAP_NBPR_QM_SPC*

SAP_BSSP_LO_SIDEPANEL

SAP_BSSP_LO_SIDEPANEL_EXT

SAP_NBPR_QM-SPC*

W/o Building Block Assignment

Fin. Accounting, Controlling, FSCM

Insurance Claims Management Insurance Policy Management Information Lifecycle Management

SAP_BSSP_FI_CO_FSCM

SAP_BSSP_FSCM_SIDEPANEL

SAP_BSSP_FSPM_SIDEPANEL

SAP_BSSP_ILM_SIDEPANEL

SAP RDS of Side Panel Content in SAP NWBC Appendix: Roles

* - Roles included in RDS,

A good UI


Feedback Please complete your session evaluation for CD263

For more information, contact:

Julie Plummer, Product Manager, SAP NetWeaver Business Client

Uwe Palm, Product Expert, Solution and Knowledge Packaging

Thanks for attending this SAP TechEd session.


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.

Microsoft, Windows, Excel, Outlook, PowerPoint, Silverlight, and Visual Studio are registered trademarks of

Microsoft Corporation.

IBM, DB2, DB2 Universal Database, System i, System i5, System p, System p5, System x, System z, System

z10, z10, z/VM, z/OS, OS/390, zEnterprise, PowerVM, Power Architecture, Power Systems, POWER7,

POWER6+, POWER6, POWER, PowerHA, pureScale, PowerPC, BladeCenter, System Storage, Storwize,

XIV, GPFS, HACMP, RETAIN, DB2 Connect, RACF, Redbooks, OS/2, AIX, Intelligent Miner, WebSphere,

Tivoli, Informix, and Smarter Planet are trademarks or registered trademarks of IBM Corporation.

Linux is the registered trademark of Linus Torvalds in the United States and other countries.

Adobe, the Adobe logo, Acrobat, PostScript, and Reader are trademarks or registered trademarks of Adobe

Systems Incorporated in the United States and other countries.

Oracle and Java are registered trademarks of Oracle and its affiliates.

UNIX, X/Open, OSF/1, and Motif are registered trademarks of the Open Group.

Citrix, ICA, Program Neighborhood, MetaFrame, WinFrame, VideoFrame, and MultiWin are trademarks or

registered trademarks of Citrix Systems Inc.

HTML, XML, XHTML, and W3C are trademarks or registered trademarks of W3C, World Wide Web

Consortium, Massachusetts Institute of Technology.

Apple, App Store, iBooks, iPad, iPhone, iPhoto, iPod, iTunes, Multi-Touch, Objective-C, Retina, Safari, Siri,

and Xcode are trademarks or registered trademarks of Apple Inc.

IOS is a registered trademark of Cisco Systems Inc.

RIM, BlackBerry, BBM, BlackBerry Curve, BlackBerry Bold, BlackBerry Pearl, BlackBerry Torch, BlackBerry

Storm, BlackBerry Storm2, BlackBerry PlayBook, and BlackBerry App World are trademarks or registered

trademarks of Research in Motion Limited.

2012 SAP AG. All rights reserved.

Google App Engine, Google Apps, Google Checkout, Google Data API, Google Maps, Google Mobile Ads,

Google Mobile Updater, Google Mobile, Google Store, Google Sync, Google Updater, Google Voice,

Google Mail, Gmail, YouTube, Dalvik and Android are trademarks or registered trademarks of Google Inc.

INTERMEC is a registered trademark of Intermec Technologies Corporation.

Wi-Fi is a registered trademark of Wi-Fi Alliance.

Bluetooth is a registered trademark of Bluetooth SIG Inc.

Motorola is a registered trademark of Motorola Trademark Holdings LLC.

Computop is a registered trademark of Computop Wirtschaftsinformatik GmbH.

SAP, R/3, SAP NetWeaver, Duet, PartnerEdge, ByDesign, SAP BusinessObjects Explorer, StreamWork,

SAP HANA, and other SAP products and services mentioned herein as well as their respective logos are

trademarks or registered trademarks of SAP AG in Germany and other countries.

Business Objects and the Business Objects logo, BusinessObjects, Crystal Reports, Crystal Decisions, Web

Intelligence, Xcelsius, and other Business Objects products and services mentioned herein as well as their

respective logos are trademarks or registered trademarks of Business Objects Software Ltd. Business Objects

is an SAP company.

Sybase and Adaptive Server, iAnywhere, Sybase 365, SQL Anywhere, and other Sybase products and services

mentioned herein as well as their respective logos are trademarks or registered trademarks of Sybase Inc.

Sybase is an SAP company.

Crossgate, m@gic EDDY, B2B 360, and B2B 360 Services are registered trademarks of Crossgate AG in Germany and other countries. Crossgate is an SAP company.

All other product and service names mentioned are the trademarks of their respective companies. Data

contained in this document serves informational purposes only. National product specifications may vary.

The information in this document is proprietary to SAP. No part of this document may be reproduced, copied,

or transmitted in any form or for any purpose without the express prior written permission of SAP AG.

CD263

Documents

Transcript of CD263