Tech p22 integrating sap with web sphere portal

© IBM Corporation 2011

TECH P22 Integrating SAP with IBM WebSphere Portal


Smarter software for a Smarter Planet.

Marty Lechleider | Program Director | IBM SWGSven Stueven | Certified IT Specialist | IBM R&D Lab Boeblingen, Germany

2

IBM Exceptional Web Experience Conference 2011 - Europe


Agenda

• Why Integration?

• Types of Integration

• IBM WebSphere Portal Integrator for SAP

– Demo

• IBM Web Experience Factory

• Summary



Apps

Content

Social Collaboration

EngagingPortable

Trustworthy

Relevant

Consumer

Integrate SAP Content and Services into IBM WebSphere Portal to drive better business outcomes

Cloud

SAP is often part of what your customers and employees want to see into an exceptional web experience



• IBM WebSphere Portal for your organization's Customer and Intranet Web Experiences

• SAP for all your organization's core business processes

• Integrate and expose SAP content and services as part of your Exceptional Customer and Intranet Web Experiences

Access Customer Information

Success Stories

HR Direct

Sales Online

Training

Careers

Employee Services

Help / FAQ

Related Links

APJ

EMEA

Americas

Home Company Portfolio Employees Services Development Sales

BlueMarketing

Object Based Navigation

Session Management

Success Stories

HR Direct

Sales Online

Training

Careers

Employee Services

Help / FAQ

Related Links

My SAP Alerts

Recent News

Title goes here

Cost Savings Measures

Interview with Craig Johnson

Ask the Board Interview

Project of the Month

Team Focus

You have 3 pending purchase orders to approveEmployee appraisal process is now open

Regional NewsSee what happens in your region

System News Find out what are the recent changes in Blue IT infrastructure

Blue TVTake a look at Blue latest digital media updates

LinksProjec t “Timeless”

LinksSolution Management Suite

Time Report

Travel Report

Address Book

Purchase Request

Emergency Numbers

Next Generation Solutions for the Mobile Workforce

Blue Announces 3rd Quarter Results

Work Overview• More info here

Me at Blue

Order and Purchasing

It Services

• Time and Vacation

• Goods and Services

• Hardware and Software

Home Company Portfolio Employees Services Development Sales

BlueMarketing

SAP Portal roles consumption

IntranetCustomer Experience

Integrating SAP with IBM WebSphere Portal



Should I craft a New User Experience users accesses SAP Services?

Example

Finance analysts need direct access to detailed SAP user interface to set up and manage product pricing

Sales Reps need simplified access to product pricing and do not want to know anything about SAP

Expose SAP User

Experience

Create a New User Experience that accesses SAP

Services

ScenarioBest Way to Expose SAP Function

Different Integration Needs Exist

Should I selectively expose the SAP User Experience in

WebSphere Portal?

SAP SAPWebSphere Portal

WebSphere Portal



IBM WebSphere Portal provides a comprehensive set of SAP integration capabilities

IBM® WebSphere® Portal Integrator for SAP

IBM® Web Experience Factory

Success Stories

HR Direct

Sales Online

Training

Careers

Employee Services

Help / FAQ

Related Links

APJ EMEAAmericas

Home Company Portfolio Employees Services Development Sales Marketing

Customer Information

Software Services GMBH


Software Items Software Items

Company or Customer “Name”

Selectively expose SAP User Experience Elements and Navigation inside in WebSphere Portal

Customer Information



Software Items Software Items

Company or Customer “Name”

Build new compelling Web & Mobile Experiences that tap into SAP services

SAP Portal

SAP Services

SAP Services

WebSphere Portal

WebSphere Portal

Use where SAP UI value is high and re-use desired

Use where new UI to SAP function is desired

Integration Approaches can be combined



IBM WebSphere Portal Integrator for SAP

IBM and SAP are working together to help customers achieve interoperability

IBM provides: IBM WebSphere Portal Integrator for SAP SAP provides: open public APIs for portal interoperability

IBM WebSphere Portal Integrator for SAP capabilities

SAP content integration

SAP role and navigation integration

Single Sign On

Ability to align WebSphere Portal and SAP branding

Nothing Extra to Buy - product level support in SAP Netweaver Portal and IBM WebSphere Portal

SAP release 7.3 IBM release 7.0.0.1 CF6

SAP WebSphere Portal

8



IBM WebSphere Portal Integrator for SAP

● Content integration

─ Single pieces of SAP Portal content (URL-addressable) into a portlet in IBM Portal

─ Content can be SAP iViews, Pages, Transactions, etc.

─ Object base navigation related to content is maintained

─ Session management is maintained

● Navigational integration

─ The navigation is integrated seamlessly into the WebSphere Portal

─ The integration of SAP Portal navigational elements and content is dynamic and reflected automatically in the WebSphere Portal

● Authentication procedures supported:─ Basic Authentication using Credential Vault

SAP WebSphere Portal

9



Portlet: “Single iView” or “Single page”

single iView integration let you create pages with different layouts for SAP UIs as well as composites with different SAP and non SAP applications

iView within iframe portlet in

WebSphere Portal

10



Navigational integration

Page from SAP in iframe

Role Based Navigation from SAP

federated into WebSphere Portal

11



Landscape Participants:

IBM WebSphere Portal 7.0.0.1 CF6 (or higher)

SAP NetWeaver Portal 7.3 (or higher) Client (Browser)

All the servers need to be part of the same SSO domain as otherwise cookies will not be handled correctly by browsers.

Important is that clients use the full SSO domain when accessing the systems

Client need to have direct access to all involved servers. Of course a proxy can be used.

Client

IBM Portal

IBM ASSAP

NetWeaverPortal

Login or Token

WS

-Sta

ckSSO Domain e.g. ibm.com

12



IntegrationIBM WebSphere Portal

SAP NetWeaver

Portal

Login or Token

Root

Home Administration Applications ...

MailSAP Integration...

...

... ...

... ...

• Install creates a structure below “Applications” called IBM WebSphere Portal Integrator for SAP

• iView is holding a unconfigured integration portlet• SAP Navigation is a standard label, holding all configuration parameters needed to contact

SAP NetWeaver Portal– All pages below are transient pages – not to be seen in any configuration– You can move this label by standard portal methods

NavigationiViewWelcome

13



Install & Code artifacts• Delivered as PAA to be installed by Solution Installer. Please check the

solution Installer documentation how to do.• Automatic execution of XMLAccess page creation script holding the

integration label and its sample parameters.• The SAP integration will NOT work after installation as parameters need

to be changed according to customer environment.

15



Configuring portlet 1/2 : Edit shared settings modeURL of the content to

be integrated

Then name the Credential Vault slot to hold the

Credentials.

Should portlet pass the SAP Login token to the browser? Yes: Domain to be set, e.g.

“.ibm.com”

Optional UI: You can create a Credential Vault slot here instead of

going to administration of Portal.

Is the SAP login cookie renamed? Yes: Add name here.

16



Configuring portlet 2/2 : Personalize modeSelected Slot

to fillSAP username to fill in Credential

Vault slot

SAP password to fill in Credential

Vault slot.

• Personalize to be done by all users for entering their Credentials

– Users need to have the Priviledged User right on the portlet and the page where the portlet is on

• If other portlets or the navigational integration do use the same Credential Vault slot it is sufficient to fill in User/Password once

17



Configuring Navigational integration 1/3

• Configuring the navigational integration label:

– By “Manage Pages” UI

– or XMLAccess

19



SSO scenarios

• An SSO scenario between IBM Portal and SAP NetWeaver Portal and client needs to be established. We support Basic Authentication with Credential Vault

• Credential Vault is the idea of storing user ids and passwords in the Portal database. Portal Administration is used for creating such slots. We support non-admin slots, means user ids and passwords are not shared. These can be used to answer BasicAuthentication challenges. We do this by using AjaxProxy and its URL parameter “hpaa.slotid” and expect to get an SAP token on the response.

20



User Browser IBM Portal SAP NW Portal

1

23

4

1: Client calling IBM Portal

2: IBM Portal calls SAP Portal once per user session/cache setting (1 hour default)

3: Response sent to client

4. Clients accesses SAP content in iframe, needs to authenticate separately if SSO token is not available

Configuration available for token to be passed to the browser

Flow for navigational integration (BasicAuth)

21



Token passing

• For Basic Authentication scenarios we can pass the SAP SSO token back to the user's browser

– Otherwise they see the the navigation, but when they click...

– Or they can see the portlet but in the iframe...

– … they are challenged from SAP Portal to authenticate

• Navigational Integration

– Page Parameter “sap.SSOTokenDomain” needed, e.g. “.ibm.com

– Add LoginFilter and LogoutFilter

• Portlet integration

– Parameter ”SSO Domain” needed

– Add LogoutFilter

24



AjaxProxy

• The SSO token retrieving call (only this!) is using the IBM Portal AjaxProxy.• The AjaxProxy config is a whitelist.• You need to configure this AjaxProxy. You need to add the SAP Portal base

URL, all cookies that should be send and retrieved and the request method allowed. An example file is in the InfoCenter doc of SAP Integration.

• For Credential Vault for SSO you need to add special settings to AjaxProxy config as well. An example file is in the InfoCenter doc of SAP Integration.

• Add the proxy-config to global AjaxProxy configuration

25



Session handling

• Session timeout of SAP Portal and IBM Portal need to be aligned

• SAP uses a JavaScript-triggered session management framework called DSM

• If needed, all actions are triggered automatically by SAP on closing the iframe

– User needs to allow popups in web browser configuration for that– Not all SAP content needs to trigger DSM– User will see a small window popping up in the upper right corner of the

screen, – common behaviour of SAP Portal

• Only logoff is to be handled manually

– A small JS needs to be added on the IBM Portal logoff link– Do not overwrite existing JS calls, add yours– If this is not added, SAP Portal keeps sessions in memory for the user and

will terminate them only at timeout

26



Demo

27



Web Experience FactoryRapidly Build Rich Web 2.0 Experiences that integrate SAP Services

SAPWebSphere Portal

28



What is Web Experience Factory?

• A model based development tool making it easier and faster than traditional coding• Includes 150+ pre-built builders. Examples include:

– Standard based Back-end connectors including Rest APIs, Web Services, Databases– Proprietary back-end connectors to systems like SAP, Peoplesoft and Siebel– Pre-built business logic builders for transformation and manipulation of content– Pre-built Front-end builders for building sophisticated mult-channel applications like

Ajax and Dojo Widgets– Common user interface patterns for lists, tables, forms, etc.

• Dynamic profiling allowing you to write once deploy on many platforms with minimal effort

Fast Simple development Write once deploy many

29



IBM Web Experience

Factory

Platforms

Enter... IBM Web Experience Factory:One tool – multiple platforms, multiple devices

Tablets

Smartphones

Mashups

DesktopBrowsers

WebSphere Portal

WebSphereApplication Server

ONE efficient way to deploy to multiple platforms to be accessed by multiple devices



Web Experience Factory SAP Connectors

SAP View & Form - Rapidly create portlets that leverage any remote-

enabled SAP function or BAPI

SAP Batch Input – Execute a batch input transaction

SAP BW Data Access – Access SAP BW via XMLA

SAP Function Call – Call any remote-enabled SAP RFC or BAPI

SAP Help Values – Easily access help values used in SAP functions

SAP InfoType - Rapidly create portlets that leverage InfoTypes



SAP Integration with Web Experience Factory

Model-driven accelerated Web Experience development SOA approach: separation of Web Experience and SAP Integration Service Multiple Web Experiences can leverage a single Integration Service Provides SAP service discovery and can map BAPI/RFC to web services

Deep Integration with SAP (building custom SAP services) possible

BAPI, RFC

SAP ERP/CRM

ABAP

Pub

lic

SAP Services

Web Experience

Models

SAP JCo

SAP BAPI/RF

C Integration Model

Cus

tom

Web Experience




BAPI, RFC

SAP ERP/CRM

ABAP

Pub

lic

SAP Services

Web Experience

ModelsSAP JCo

Web Service

IntegrationModel

Cus

tom

Web Experience

Ent

erpr

ise

Ser

vice

s B

us

Web Service

Other Clients Non SAP Apps

Keep middleware related tasks in the ESB layer Define granular components on the ESB to abstract from the backend

system Shield Portal from changes in SAP ERP (support packs, fixes, upgrades)

Leverage the power of Portlet Factory to compose UI services in a flexible manner



New Simplified Access to SAP through Project Gateway

• Access to SAP through standard REST interfaces

• Announced at SAP TechEd 2010

“The core idea of Gateway is to make life as easy as possible for developers and users. Many developers work with integrated development environments that are standard but not located within the SAP landscape. Creating apps in a familiar environment reduces time and keeps costs down. REST keeps developers at a distance from the complex processes in the back end. Knowledge of SAP or specifically of ABAP isn’t necessary.”

- taken from Two-Minunte Apps, SAP.Info




Model-driven accelerated Web Experience development SOA approach: separation of Web Experience and REST Integration Service Simplified access to SAP data No knowledge of ABAP required

REST

SAP ERP/CRM

SAP Services

Web Experience

Models

REST Integration Model

Web Experience

Pro

ject

Gat

eway



New REST wizards, provide guidance for building more types of service provider models

Benefit: much easier for both novice and experienced developers to start new projects, significantly reduce development time.

Development just got faster

and easier



Rapidly Integrate SAP Services with Web Experience Factory

Web servicesWeb services

REST servicesREST servicesSAPSAP

Google GadgetsGoogle Gadgets

Build Rich composites by integrating SAP content and services with other application “on the glass”

Embed collaboration, facilitate people awareness

Provide a seamless user experience by leveraging Single Sign On to transparently access disparate back-end systems

Integrate data from multiple back-end systems by creating composite applications

Empower business user led customization

Deliver Rich, Role Based, Composite Portal Applications



Enables rapid creation of a single application capable of rendering in a desktop browser and smartphone Enables users to access applications

via their preferred channel Enables the technology organization

to utilize a single technology product for desktop and mobile and application creation

Provides ability to optimize user experience based on target rendering environment from single code base

Single Application Renders in Smartphones or Desktop

Smartphones

Desktop Browser

Web Experience Factory profiling enables multi-channel rendering from single code base

Sales OrdersApplication

Model



SAP Integration Summary

Extend SAP value into your Exceptional Web Experiences

IBM Offers a comprehensive solution

User Interface Level Integration

New: WebSphere Portal Integrator for SAP – available today!

Build Compelling Web and Mobile Experiences with Web Experience Factory

SAP connectors to BAPIs and RFCs

Web Services connectors and ESB

REST connectors and SAP's New Project Gateway



Summary

IBM WebSphere Portal

SAP Netweaver Portal

HCM ERP BS BI

SAP

REST

RFCsBAPIs

Web Services

En

terp

rise

S

ervi

ce B

us

Bes

t of

Bre

ed

App

licat

ions

Web

Con

tent

M

anag

emen

t

Col

labo

ratio

n

SAP Systems

CustomersPartners Employees



Resources

● Experts─ Marty Lechleider, Portal Product Management, [email protected]─ Sven Stueven, Certified IT Specialist, [email protected]─ Joe Preston, Worldwide Sales, [email protected]─ Matt Geiger, Lotus & WebSphere Portal, SME Team, [email protected]

● IBM WebSphere Portal Integrator for SAP─ Documentation

● http://www-10.lotus.com/ldd/portalwiki.nsf/dx/Integrating_with_SAP_NetWeaver_Portal_V7

─ Catalog Entry● https://greenhouse.lotus.com/plugins/plugincatalog.nsf/assetDetails.xsp?

action=editDocument&documentId=3C8C4D69FAFDAB39852578C700326599

─ Setup Sample● http://www-10.lotus.com/ldd/portalwiki.nsf/dx/IBM_WebSphere_Portal_Integrator_for_SAP-Setup_example

● IBM Web Experience Factory─ Wiki

● http://www-10.lotus.com/ldd/pfwiki.nsf/xpViewCategories.xsp?lookupName=Web%20Experience%20Factory

─ Trial● http://www.ibm.com/developerworks/downloads/ws/wpf/

41



© IBM Corporation 2011. All Rights Reserved.

The information contained in this publication is provided for informational purposes only. While efforts were made to verify the completeness and accuracy of the information contained in this publication, it is provided AS IS without warranty of any kind, express or implied. In addition, this information is based on IBM’s current product plans and strategy, which are subject to change by IBM without notice. IBM shall not be responsible for any damages arising out of the use of, or otherwise related to, this publication or any other materials. Nothing contained in this publication is intended to, nor shall have the effect of, creating any warranties or representations from IBM or its suppliers or licensors, or altering the terms and conditions of the applicable license agreement governing the use of IBM software.

References in this presentation to IBM products, programs, or services do not imply that they will be available in all countries in which IBM operates. Product release dates and/or capabilities referenced in this presentation may change at any time at IBM’s sole discretion based on market opportunities or other factors, and are not intended to be a commitment to future product or feature availability in any way. Nothing contained in these materials is intended to, nor shall have the effect of, stating or implying that any activities undertaken by you will result in any specific sales, revenue growth or other results.

IBM, the IBM logo, Lotus, Lotus Notes, Notes, Domino, Quickr, Sametime, WebSphere, UC2, PartnerWorld and Lotusphere are trademarks of International Business Machines Corporation in the United States, other countries, or both. Unyte is a trademark of WebDialogs, Inc., in the United States, other countries, or both.

Adobe, the Adobe logo, PostScript, and the PostScript logo are either registered trademarks or trademarks of Adobe Systems Incorporated in the United States, and/or other countries.

Java and all Java-based trademarks are trademarks of Sun Microsystems, Inc. in the United States, other countries, or both.

Microsoft and Windows are trademarks of Microsoft Corporation in the United States, other countries, or both.

Intel, Intel Centrino, Celeron, Intel Xeon, Intel SpeedStep, Itanium, and Pentium are trademarks or registered trademarks of Intel Corporation or its subsidiaries in the United States and other countries.

UNIX is a registered trademark of The Open Group in the United States and other countries.

Linux is a registered trademark of Linus Torvalds in the United States, other countries, or both.

Other company, product, or service names may be trademarks or service marks of others.\

Technology

Tech p22 integrating sap with web sphere portal