Produced by Wellesley Information Services, LLC, publisher of SAPinsider. © 2015 Wellesley

Information Services. All rights reserved.

Latest Enhancements in SAP ERP HCM Self-Services: HR Renewal, SAP Fiori, and SAPUI5

Jeremy Masters Worklogix

1

In This Session

• Understand the importance of SAPUI5 within the context of ESS,

MSS, and self-services for HR professionals

• Explore the new offerings available with HR Renewal and SAP

Fiori and learn the differences between them (and overlap)

• Understand your different choices in portals, including SAP

Enterprise Portal, SAP NetWeaver Business Client, SAP Fiori

launchpad, and others

• Learn how to integrate SuccessFactors talent management

modules within the new self-services framework

2

What We’ll Cover

• Background

• The latest offerings

• Portal choices, choices, choices

• UI Integration with SuccessFactors

• Wrap-up

3

Short History of SAP Web UIs

• Employee self-service

ESS 3.1I (1997)

ESS 4.0B

ESS 4.5B (1999)

ESS 4.6B

4

Internet Transaction Server

5

mySAP.com Workplace mySAP.com competes

with best-of-breed portals

Plumtree, Epicentric, and

WebSphere

6

ESS Within SAP Portal 5.0

SAP acquires TopTier

(Israeli-based company)

for $400 Million

TopTier Portal becomes

SAP Portal

7

ESS on SAP ERP 2004 with Web Dynpro for Java

All services converted to

Web Dynpro Java

Homepage Framework,

Floor Plan Manager, and

Object and Data Provider

are introduced

8

ESS on SAP ERP 6.0 with Web Dynpro for Java

Web Dynpro for Java

migration to Web Dynpro

for ABAP

9

New ESS on SAP ERP 6.0 Enhancement Package 5

New ESS on Wed Dynpro

ABAP

Alternative UIs like SAP

NetWeaver Business Client

(NWBC) introduced, but not

popular

10

New ESS on SAP ERP 6.0 EHP5 (Bizcard)

Attempts made to

improve user experience,

improved user

experience good for

some customers

11

Manager Self-Service

• Manager self-service

1999: Manager’s Desktop – SAP R/3 4.5B

Mid-2002: Business Package for Manager Self-Service (Java,

HTML Business for Java [HTMLB])

12

MSS on SAP ERP 5.0 and SAP ERP 6.0

• 2004: Business Package for Manager Self-Service (SAP ERP 5.0) –

Web Dynpro for Java

• 2005: Business Package for Manager Self-Service (SAP ERP 6.0) –

Web Dynpro Java (main UI technology) and Web Dynpro ABAP

13

Third-party plug-ins for

enhanced usability, but

still low customer

adoption

Enhancement Package 5, SAP ECC 6.0 — MSS Forms

14

More visuals added to

ESS and MSS services

Enhancement Package 5, SAP ECC 6.0 — Comp Planning

15

Walldorf, We Have a Problem …

Courtesy photo from NASA archives: Defense Video and Imagery Distribution System

www.dvidshub.net/

16

Computing Technology — 1960s-Current

Mainframe Computing

(1960s) Mainframes

Mini-Computing (1970s)

Mini-Computers

Personal Computing

(1980s) PCs/Macintosh

Desktop Internet Computing

(1990s)

PCs/Macs + Internet

Mobile Internet Computing (2000s+)

Tablets/ Smartphones/

Phablets

Mainframe

Client-Server

Internet

Mobile

17

Mobile First

Versus

18

Device Agnosticism and Responsive Design

19

What We’ll Cover

• Background

• The latest offerings

• Portal choices, choices, choices

• UI Integration with SuccessFactors

• Wrap-up

20

Arrival of SAPUI5

A collection of libraries that developers can use to

build desktop and mobile applications that run in a

browser

Soooooo, what is SAPUI5?

(SAP user interface for HTML5)

With the SAPUI5 JavaScript toolkit, developers can

build SAP web applications using HTML5 web

development standards

21

The Road Not Taken

SAP Fiori HR Renewal

“Two roads diverged in a wood, and I –

I took the one less traveled by,

And that has made all the difference.”

- Robert Frost

22

HR Renewal Functional Offerings

My Information

Work Feeds

My Services

My Learnings

Search

My Team

My Team Services

Approvals

My KPIs/Status of All KPIs

My Reports

Substitutions

Salary Statement

Leave Request

Team Calendar

Leave Request Approval

CATS Approval

Employee Profile

Workforce Viewer

Discussions

Organization

Processes

Search

Tasks By Draft, Tasks by Time, Tasks by

Priority

Time Account

Quick View

Employee Notes

23

SAP Fiori Functional Offerings

Application Description Role

My Leave Requests

Enables employees to create and submit leave

requests quickly and flexibly using their desktops or

mobile devices. The app also allows employees to

track the status of their requests and view their current

leave balances.

Employee

My Benefits

Provides an overview of the benefit plans in which an

employee is enrolled

Employee

My Paystubs

Enables employees to check and manage a digital

version of all their paystubs issued by the company for

each payroll period

Employee

My Timesheets Enables employees to manage their time entries Employee

Approve Timesheets

Enables managers to see all pending approvals for

their reports, enabling them to easily approve

timesheets

Manager

Approve Leave

Requests

Enables managers to approve or reject leave requests

for their direct reports

Manager

24

Collisions …

• Leave Request

• Pay Statement

• Timesheet

• Workflow inbox

25

Technology Options with Pros and Cons*

Technology Description Pros Cons

SAPUI5 New look and feel

employed by HR Renewal

for landing pages

Mobile-responsive

and advanced look

and feel

Requires SAP Gateway

server

Web Dynpro ABAP

(WDA)

Main technology used

today to enable HCM

content for the web

No additional costs

or servers required

Not mobile-responsive

SAP Fiori Cutting-edge applications

delivered by SAP

Mobile-enabled

versions of key HCM

applications

Requires SAP Gateway

server; only partial HCM

coverage

GUI/SAP Screen

Personas

Toolset to create

streamlined GUI HCM

transactions

Easy creation of

streamlined screens

for GUI

Toolset only; requires

build by customer to get

value. Also, Windows

GUI-based rather than

web-based.

* From Jeremy Masters, Brandon Toombs, Kris Bland, Justin Morgalis, Self-Services with SAP

ERP HCM: ESS, MSS, and HR Renewal (SAP PRESS, 2015).

26

What We’ll Cover

• Background

• The latest offerings

• Portal choices, choices, choices

• UI Integration with SuccessFactors

• Wrap-up

27

Portal Choices

• Traditional SAP Portal

SAP NetWeaver 7.4 (on-premise)

SAP NetWeaver, mobile edition (on-premise)

SAP HANA Cloud portal

• SAP NetWeaver Business Client

Thin Client

HTML

• SAP Fiori Launchpad

• SAP Fiori Launchpad within SAP Enterprise Portal

• Third-party portals

SharePoint

WebSphere

Portal choices – lots of

them, but which one is right

for my organization?

28

HR Renewal Highlights

• Use of CHIPs

• Suite Page Builder (SPB)

• Role management (transaction PFCG)

• Launchpad customizing (transaction LPD_CUST)

29

CHIPs in HR Renewal

Jeremy, what on

earth are CHIPs?

30

These Are Chips …

31

So Are These …

32

And These …

33

CHIPs

Stands for: Collaborative Human Interface Part

A small, widget-type, encapsulated, stateful piece of

software that can be combined in a layout with other

CHIPs to form a page or side panel

Also referred to as “lanes,” which can be expanded

34

Defaulting of CHIPs (Lanes) in HR Renewal

• There is no standard way to do the following:

Automatically assign employee and manager CHIPs (“lanes”)

for new users/employees (e.g., hires or rehires)

When an employee becomes a manager, automatically assign

the MSS-specific lanes

When a manager becomes an employee, automatically remove

the MSS-specific lanes

When a contractor becomes an employee, automatically assign

the ESS-specific lanes (if this use case is relevant for your

organization)

35

Help Overlay

36

HR Renewal Lanes with Available CHIPs

37

Provisioning CHIPs — Expert Tip!

Note: This is a custom program and not part of

the standard SAP functionality!

38

Custom CHIPs Program Details

• CHIPs program detects whether or not the user is an employee or

manager based on their role assignment (identified on the

selection screen)

• CHIPs program copies table entries from a “model” ESS (e.g.,

ESS_MODEL) and “model” MSS user (e.g., MSS_MODEL) from

personalization in the following tables:

WDY_CONF_USER

WDY_CONF_USERT

WDY_CONF_USERT2

/UI2/CACHE

Note: This is a custom program and not part of

the standard SAP functionality!

39

HR Renewal’s Suite Page Builder — Content Admin

Page information within

HR Renewal’s Suite Page

Builder (SPB)

40

PFCG — Personalization

41

PFCG — Catalog Configuration

42

Launchpad Customizing

43

Content Assignment/Authorizations in HR Renewal

Lane(s)

Catalog

Role(s)

User

Lane assignment

via catalog

44

Demo of HR Renewal

45

SAP Fiori Highlights

• Use of tiles

• SAP Fiori Launchpad Content admin

• Role management (transaction PFCG)

• Launchpad customizing (transaction LPD_CUST)

46

SAP Fiori Launchpad

Widgets can be

Static, Dynamic,

Smart Business KPI,

News, and Jam

47

SAP Fiori Launchpad Content Admin

Visual tiles on SAP Fiori

Launchpad assigned via

tile catalog

48

Content Assignment/Authorizations in SAP Fiori

Tile(s)

Catalog

Role(s)

User

Lane assignment

via catalog

49

Demo of SAP Fiori

50

What We’ll Cover

• Background

• The latest offerings

• Portal choices, choices, choices

• UI Integration with SuccessFactors

• Wrap-up

51

Integration with SuccessFactors Applications

• SSO cookbook and user experience

• Introducing the Mashup

• UWL integration

52

SuccessFactors/SAP UI Integration

• SAP provides a “cookbook” on Single Sign-On from On-premise

SAP Enterprise Portal to SuccessFactors

https://websmp209.sap-

ag.de/~sapidb/011000358700000722352012E/SFICookbookSSO1

2.pdf *

* Requires login credentials to the SAP Service Marketplace

53

SuccessFactors/SAP UI Integration (cont.)

SAP Portal

SuccessFactors

54

Mashup

A mashup, in web development, is a web page or web

application that uses content from more than one

source to create a single new service displayed in a

single graphical interface*

The main characteristics of a mashup are

combination, visualization, and aggregation

* From Wikipedia: http://en.wikipedia.org/wiki/Mashup_(web_application_hybrid)

55

How’s a Mashup Different Than a Portal?

Portal Mashup

Classification Older technology, extension of traditional web

server model using well-defined approach

Uses newer, loosely defined "Web 2.0" techniques

Philosophy/approach Approaches aggregation by splitting role of web

server into two phases: markup generation and

aggregation of markup fragments

Uses APIs provided by different content sites to

aggregate and reuse the content in another way

Content dependencies Aggregates presentation-oriented markup

fragments (HTML, WML, VoiceXML, etc.)

Can operate on pure XML content and also on

presentation-oriented content (e.g., HTML)

Location dependencies Traditionally, content aggregation takes place on the

server

Content aggregation can take place either on the

server or on the client

Aggregation style “Salad bar” style: Aggregated content is presented

‘side-by-side’ without overlaps

“Melting Pot” style – Individual content may be

combined in any manner, resulting in arbitrarily

structured hybrid content

Event model Read and update event models are defined through

a specific portlet API

CRUD operations are based on REST architectural

principles, but no formal API exists

Relevant standards Portlet behavior is governed by standards JSR 168,

JSR 286, and WSRP, although portal page layout

and portal functionality are undefined and vendor-

specific

Base standards are XML interchanged as REST or

Web Services. RSS and Atom are commonly used.

From Wikipedia: http://en.wikipedia.org/wiki/Mashup_(web_application_hybrid)

56

Mashup #1: SAP Portal with SuccessFactors Embedded

Mashup of

SuccessFactors

Performance

Management within

SAP Portal

57

Mashup #2: SuccessFactors with SAP Transaction Embedded

Mashup of SAP Tax

Withholding Information

service within

SuccessFactors

58

Mashup #3: Third-Party Portal with SAP or SuccessFactors Transaction Embedded

Mashup of SAP Leave

Request (UI5) within

Microsoft SharePoint

59

Mashup #3: Third-Party Portal with SAP or SuccessFactors Transaction Embedded (cont.)

Mashup of

SuccessFactors

Performance

Management within

Microsoft SharePoint

60

The Integrated UWL

• As of version

b1311,

SuccessFactors

has a To-Do List

API using OData

protocol

Integrated

SuccessFactors

and SAP work

item inbox

61

What We’ll Cover

• Background

• The latest offerings

• Portal choices, choices, choices

• UI Integration with SuccessFactors

• Wrap-up

62

Where to Find More Information

• Jeremy Masters, Brandon Toombs, Kris Bland, Justin Morgalis,

Self-Services with SAP ERP HCM: ESS, MSS, and HR Renewal

(SAP PRESS, 2015).

Available on the SAP PRESS website: www.sap-

press.com/3585/ and on www.amazon.com

• Jeremy Masters and Christos Kotsakis, Implementing Employee

and Manager Self-Services in SAP ERP HCM (SAP PRESS, 2008).

Available on www.amazon.com

• Jeremy Masters’ blog: www.jeremymasters/blog

63

Where to Find More Information (cont.)

• Amy Thistle, “Building and HR Mobile Strategy with the Right

Apps: A Q&A with Jeremy Masters” (SAPinsider, April 2013).

http://sapinsider.wispubs.com/Assets/Q-and-

As/2013/April/Building-an-HR-Mobile-Strategy-with-the-Right-

Apps-A-QA-with-Jeremy-Masters-transcript

• Jeremy Masters, “SAP HR User Experience and UI Options: Q&A

with Jeremy Masters” (SAPinsider, October 2013).

http://sapinsider.wispubs.com/Assets/Q-and-

As/2013/October/Jeremy-Masters-on-UI-options-for-HR

64

7 Key Points to Take Home

• It was only in the last few years that SAP’s web development protocol became standardized

• SAPUI5 is a feature-rich programming stack useful for delivering mobile-ready, Web 2.0 applications

• Although both utilize SAPUI5, SAP Fiori and HR Renewal are two different solutions with varying out-of-the-box applications

• Think strategically about which portal technology (SAP Portal, NWBC, SAP Fiori Launchpad, etc.) is right for your organization

• The handling of CHIPs is an important part of the user experience for those using HR Renewal

• Just because there’s a “cookbook” for an integration, doesn’t mean it’s “easy as pie” to “bake”

• Mashups can be used to integrate web applications, including SAP, SuccessFactors, and non-SAP solutions

65

Your Turn!

How to contact me:

Jeremy Masters

Email: jmasters@worklogix.com

Twitter: @jeremymasters

Please remember to complete your session evaluation

66

Disclaimer

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

(or an SAP affiliate company) in Germany and other countries. All other product and service names mentioned are the trademarks of their

respective companies. Wellesley Information Services is neither owned nor controlled by SAP SE.

Wellesley Information Services, 20 Carematrix Drive, Dedham, MA 02026 Copyright © 2015 Wellesley Information Services. All rights reserved.