Ess xss homepage_framework_ecc_50_erp_2004

1

Sibylle Borhauer,

Product Manager, SAP AG

XSS Homepage Framework for Employee Self-Service

2

SAP AG 2004, Title of Presentation / Speaker Name / 2

XSS Homepage Framework

The following session explains:

� Benefits of XSS Homepage Framework

� Short Introduction

� How to customize your own ESS Homepage

3


Benefits of the XSS Homepage Framework

For endusers

� Simple and fast access to all Web applications such as ESS applications

� Access to context information

� Fast access to e.g. frequently used ESS applications

� Reminder functionality

For companies

� Easy grouping of Web applications

� Possibility to provide customer individual information such as vacation

rules

� Inclusion of external links (guidelines, manuals etc.)

� Consistent concept used by different roles such as employee, manager,

compensation specialist etc.

4


Introduction of new Homepage Framework

Area group page

Area page

� The Homepage Framework enables you to create area group and area pages,

thereby providing your employees easy access to Web applications (services) that

run in the SAP Enterprise Portal. These pages group and describe the different

services and contain hyperlinks which they can be started. Various components

such as Employee Self-Service and Manager Self-Service can use the framework.

5


Flexibility area group page and area page

� Flexible text adaption

�Edit area and service description

�Edit the link text of the hyperlinks

�Add additional customer individual information

� Flexible service behaviour

�Emphazise certain service

�Deactivate services

�Display employee-specific information as dynamic links (e.g. „Nine days of

leave will expire by <Date>“)

� Assign customer specific services and short description

� Individual change of picture

� The homepage framework offers the following functions:

� Flexible text adaption such as you can easy edit area and service descriptions,

you can edit link text of the hyperlinks that the employees use to start the service

and you can add additional customer individual information like integration of html

pages including company rules, external links to e.g. manual, guidelines etc.

� Flexible service behaviour such as Emphasize certain services (for example,

because there is an urgent deadline), Deactivate services, Display employee-

specific information as dynamic links (for example, "Nine days of leave will expire

by <Date>") , Add customer specific services including short descriptions

� Easy exchange of picture possible

6


Flexibility of Area Group Page (Homepage)

group text

area link text

short area description

quick links

Picture

� The Area Group page or Homepage is very flexible, you can easy adapt e.g. text

elements on the area group page (homepage) or pictures

7


Flexibility of Area Page 1

subarea

service link text

service description

area link text

Picture

� Also the area page is easy adaptable. You can change the following text elements

quick and easy:

Area link text, subarea header text, service link text and service description

� Also the picture can be exchanged against an own picture.

8


Flexibility of Area Page 2

area description header

long area description

It is als possible for customers to provide customer individual information on area

pages. On the right side the customer can provide e.g. links to manuals, guide

line, company defined rules such as vacation rules etc.

9


Where to customize the ESS homepage?

Requirement for the new ESS is mySAP ERP 2004. The necessary

backend system is ECC 5.0.

To customize the ESS homepage go into the backend system ECC

5.0!!

10


Before you start!

� Make a graphical design of the areas and services you want to

implement!

� The hierarchical relations between these elements will become

apparent.

� Make a list of the necessary resources

� We recommend you make a graphical design of the areas and services you want

to implement.

� This way, the hierarchical relations between these elements will become apparent.

� You should also make a list of the necessary resource objects

11


Graphical design – Entities and Relations

Resource R1...Rr

Servicegroup SVG1...SVGg

Server SV1...SVs

Subarea SA1

Subarea SAm

...

Header Hi

Header H1...

Areagroup AGi

Areagroup AG1...

Area A1

Area An

...

Service S1

Service Sk

...

12


Example graphical design ESS Homepage cut-out

Resource R1...Rr


Server SV1...SVs

Subarea SA1 =

Benefits

Subarea SAm

Header H1

Area Group AG1 =

Employee Self-Service

Area A1 =

Benefits and Payment

Area An

...

Service Sm

Service Sk

...

Subarea SA1 =

Payment

Service S2 =

Participation Overview

Service S1 =

Open Enrollment

Service S5 =

Employment Verification

Service S4 =

Total Compensation Statement

Service S3 =

Salary Statement

13


How to find the right customizing path?

IMG -> Cross-Application Components -> Homepage Framework

� You can then implement this concept using the IMG activities.

� For technical reasons, there are two views for the IMG activities in this section:

� The first view contains SAP's standard entries. Use this view to add your own

entries.

� The second view contains each entry that is entered in the first view. Use this view

to change SAP's standard entries.

� The views in which you assign areas, subareas and services, and define the order

in which they are displayed, are an exception. In this case you need the first view

only to look up SAP entries you want to hide or extend.

14


How to customize the ESS Homepage?

Step-by-Step

1. Header definition (optional)

2. Area group definition

3. Area page definition

4. Service definition (including country-specific services)

5. Resource definition

15


Header definition (optional for test purposes)

� In this IMG activity, you define the header for your ESS homepage. The header

contains a picture and a welcome text for the employee.

� This IMG step is optional because the header picutre is only nice to have if you

would like to test the ESS on the J2EE Server independent from the Enterprise

Portal 6.0.

� Note:

Official positioning of ESS in mySAP ERP 2004 is ESS with SAP Enterprise Portal

6.0. Customers have to be aware that the integration of ESS into non-SAP Portals

can only be realized through a customer project. SAP will only guarantee

maintenance and support of ESS with Enterprise Portal 6.0.

� Please inform your Account manager in case you would like to use ESS stand-

alone!!

16


Area group: basic definition

Quick links

� In this IMG activity, you define area group pages. Area group pages contain

descriptions of areas, hyperlinks to access the area pages, and hyperlinks to start

services directly.

� Activities

� You define one area group page or Homepage for Employee Self-Service

17


Area: basic definition 1

� In this IMG activity, you define area pages. Area pages contain services (Web

applications) that are related to each other. Employees access an area page from

an area group page.

� Activities

� You need to define at least one area page.

� Example

� You define an area page for all services e.g. in the Time Management area

(Record Working Times, Leave Request, and so on).

� Note:

You group familiar ESS applications in one area page as you have already

provided in your graphical design

18


Area: basic definition 2

Two options possible:

1) area description text

or

2) external html page

� You can define additional information for your area page

� Note:

You have two options to provide customer individual information here:

1) adding an area description text

2) refering to an external html page

19


Area group / area : basic definition

� You define here the are description appearing on the area group page.

20


Relation between area group and areas

� In this IMG activity, you assign each area to an area group page and define its

position.

� Activities

� If you want to hide an area on an area group page that has been delivered by

SAP, proceed as follows:

1. 1. Look up the relevant entry in the first view of this IMG activity.

2. 2. Repeat this entry with position 0 in the second view of this IMG activity.

� If you want to add your own areas to an area group page, enter the area group

page in the second view of this IMG activity and assign your areas to it. This

applies to area group pages delivered by SAP as well as your own area group

pages.

21


Subarea: basic definition

� In this IMG activity, you define subareas. Areas and subareas can be compared to

headings and subheadings in a document. You use subareas to group the

services that belong to an area on the screen.

� Activities

You need to define at least one subarea per area.

22


Relation between area and subareas

� In this IMG activity, you assign subareas to area pages and define their position.

� Activities

� If you want to hide a subarea on an area page that has been delivered by SAP,

proceed as follows:



� If you want to add your own subareas to an area page, enter the area page in the

second view of this IMG activity and assign your subareas to it. This applies to

area pages delivered by SAP as well as your own area pages.

23


Service: basic definition

� In this IMG activity, you define the services (e.g. Web Dynpro applications) that

are to appear on the area pages. For each service you define, a hyperlink and a

short description will appear on the related area page.

� Employees use this link to start the service.

� You can make numerous settings to define where and how the hyperlink to the

service will appear such as emphasize the service

� Service Types

� The homepage framework supports the following service types and expects

entries in this view as indicated below:

� BSP: Service build with BSP

� ITS: ITS-based service

� WEBDYNPRO: Web Dynpro application

24


Definition of country specific services

<no entry here!!>

� In this IMG activity, you define country-specific services. When an employee starts

a service, the system determines the employee's country grouping and checks if

there is a country-specific service definition in the V_T7XSSSERSRVCG and

V_T7XSSSERSRVCGC views.

� If there is a country-specific service definition, the system uses this definition.

� If there is no country-specific service definition, the system uses the general

service definition in the V_T7XSSSERSRV and V_T7XSSSERSRVC views. If the

general service definition does not contain a resource object, the system does not

display the service (see example 2).

� This enables you to define country-specific variations of services for certain

countries while using a general service definition for all other countries.

� Examples

� Example 1

� Your company has employees in seven different countries:

� Germany (01)

� Austria (02)

� Switzerland (03)

� Canada (07)

� USA (10)

� (Number in brackets = country grouping)

25


Relation between subarea and services

� In this IMG activity, you assign each service to a subarea and define its position.

� Activities

� If you want to hide a service in a subarea that has been delivered by SAP,

proceed as follows:



� If you want to add your own services to a subarea, enter the subarea in the

second view of this IMG activity and assign your services to it. This applies to

subareas delivered by SAP as well as your own subareas.

26


Resource definition

� In this IMG activity, you define resources to be used in area group pages and area

pages.

� In the homepage framework, you define various pages that the system displays in

the Web browser. These pages contain objects of different types:

� Texts

� Pictures

� Hyperlinks

� Services (Web Applications)

� Uniform Resource Locators (URL)

� In terms of the homepage framework, each of these objects is a resource.

Resources can be reused throughout the pages you define. When you define a

URL for a resource, you need to provide the relevant content at the location the

URL refers to.

� The resources you define here will be available in the input help of the other IMG

activities. We recommend you choose meaningful technical names and short

descriptions for the resources.

� Note that certain fields in this IMG activity only apply to certain types of resources.

Example: If the resourse object is a service, it makes sense to enter URL

parameters. If the resource object is a picture file, it does not make sense to enter

URL parameters.

� Service Types

27


Portal Page and Homepage Framework

ESS Business Package (ERP 2004) contains

� Two Portal pages reflecting one ESS area page (ECC5.0) (workset)

- To every Portal page one iview is allocated.

�One Portal page includes a generic iview responsible for calling the

appropriate ESS service. An ESS service defined via homepage framework

customizing in the ECC 5.0 backend system. The function of this iview is to

render the application in the Portal environment.

�One Portal page includes an iview which refers to the homepage Web Dynpro

application and which is responsible for the portal navigation!

28


Portal Page and Homepage Framework

Iview calling ESS area page

Generic Iview – ESS service

Enterprise Portal ECC 5.0 –

Backendsystem

ESS Homepage

Customizing

Connection

homepage objects

and portal content

objects

� The connection between the different homepage objects like area group page and

area pages to the corresponding iviews and the PCD links in the homepage

resource objects is described later in detail

29


Portal page and Homepage Framework relationship

Resource Definition for Area page

Working Time in ECC 5.0

ROLES://portal_content/com.sap.pct/every_user/com.s

ap.pct.ess.employee/com.sap.pct.ess.roles/com.sap.pc

t.ess.employee_self_service/com.sap.pct.ess.employee

_self_service/com.sap.pct.ess.area_working_time/com.

sap.pct.ess.area_working_time

� In the IMG step Resource definition for every area page a resource entry is

defined. The relation to the appropriate Portal page is maintained under URL of

PCD Page. The URL delivered in the standard is referring to the corresponding

standard delivered ESS portal page PCD location .

30


Portal Content Administration for ESS

Portal content structure of the ESS

Business package

The Portal content structure includes

iviews, packages, pages, roles and

workset objects

31


Portal Content Administration for ESS

Portal content structure of

the pages delivered with ESS

32


Relation Resource page – Portal Content page

Resource Definition for Area page

Working Time in ECC 5.0

� You will find the PCD location of the corresponding Portal page here (this folder

contains the absolute Url-path of the role!):

� Go to Content Administration -> End User Content -> com.sap.pct.ess.roles ->

Select ‘Employee Self-Service’ and click right mouse button menu to open the

object in the ‘Edit area’. Under Role ESS you will find all Portal Workset delivered

with the ESS Business Package. Every Workset contains two pages. (with

exception: Overview page!) One page-iview combination is responsible for the

homepage navigation and is related to the homepage framework in the backend.

One page-iview combination is only relevant for starting the ESS services. To see

the differences choose the pages and click on properties. You will see that one

page contains the PCD Location link – this is the page related to the navigation via

homepage whether the other page has not entries in parameter PCD Location -

this is the page responsible for starting the ESS services in the allocated generic

iview

� Note: You need Portal admin rights to access the Portal Content Administration

tools

33


How to set-Up an Area group page

Area Group Key defined in the backend-system ECC5.0

How to allocate the Area

group Key (homepage) to the

corresponding Portal

object???

� You may have defined your own homepage and you would like to allocate this

homepage to the corresponding Portal content objects.

34


Allocate Area Group key to Portal iview ‘Overview’

� In case you have defined your own ESS area group page (ESS Portal overview

page). You have to allocate the ‘Area group key’ you defined in the ECC 5.0

system to the corresponding ESS Portal overview page iview.

To do this?

Go to Portal Content -> End User Content -> com.sap.pct.ess.employee ->

com.sap.pct.ess.iviews

Select the iview of the Overview page (right mouse button -> Edit object). Assign

your area group key in field Application Parameters like following:

sap.xss.menuargrp=<customer defined area group key>.

Note:

The parameter for sap.xss.menuhdr=SAPDEFAULT symbolizes the Header

definition. This parameter become redundant by using ESS in the Enterprise

Portal. You can simply remove this parameter!

35


Allocate area group key to portal worksets

1.2.

� In case you have defined own ESS area groups (e.g. for Personal Information,

Working Time etc.) you have to allocate the ‘Area key’ you defined in the ECC 5.0

system for your ESS area pages to the corresponding ESS Portal page iviews

(remember: The iview which is referring to the ESS homepage application!! Not

the generic one which is responsible for calling the ESS applications!

– How to recognize the right iview? The right iview is the one with parameters (see

example for Employee Search!)

� To do this?

Go to Portal Content -> End User Content -> com.sap.pct.ess.employee ->

com.sap.pct.ess.iviews

Select the iview of the Portal page e.g. Employee Search (right mouse button ->

Edit object).

Assign

1. The area group key in field Application Parameters like following:

sap.xss.menuargrp=<customer defined area group key>.

2. The area key in field Application Parameter like following:

sap.xss.menuarea= <customer defined area key>

36


Generic iview for rendering ESS applications

� You are surprised! No application parameter is maintained! Why?

� This is the generic iview assigned to the portal page which are responsible for the

portal navigation.

37


Entities and relations with corresponding views

Resource R1...Rr


Server SV1...SVs

Subarea SA1

Subarea SAm

...

Header Hi

Header H1...

Areagroup AGi

Areagroup AG1...

Area A1

Area An

...

Service S1

Service Sk

...

VIEW V_T7XSSSERARG

VIEW V_T7XSSSERAR

VIEW V_T7XSSSERSAR

VIEW V_T7XSSSERSRVCG

VIEW V_T7XSSSERHEB

VIEW V_T7XSSSERARGB

VIEW V_T7XSSSERARB

VIEW V_T7XSSSERSARB

VIEW V_T7XSSSERSRV

VIEW V_T7XSSSERSRVG

VIEW V_T7XSSSERRES

VIEW V_T7XSSSERSDB

38


All views at a glance

VIEW (SAP) Description

V_T7XSSSERHEB Basic Header definition

V_T7XSSSERARGB Basic Areagroup definition

V_T7XSSSERARB Basic Area definition

V_T7XSSSERSARB Basic Subarea definition

V_T7XSSSERSRV Basic Service definition

V_T7XSSSERSRVCG Definition of country specific services

V_T7XSSSERSRVG Basic Servicegroup definition

V_T7XSSSERARG Areagroup definition: Grouping of Areas

V_T7XSSSERAR Area definition: Grouping of subareas

V_T7XSSSERSAR Subarea definition: Grouping of services

V_T7XSSSERRES Resource object definition

VIEW (Customer) Description

V_T7XSSSERHEBC Basic Header definition customer

V_T7XSSSERARGBC Basic Areagroup definition customer

V_T7XSSSERARBC Basic Area definition customer

V_T7XSSSERSARBC Basic Subarea definition customer

V_T7XSSSERSRVC Basic Service definition customer

V_T7XSSSERSRVCGC Definition of country specific services customer

V_T7XSSSERSRVGC Basic Servicegroup definition customer

V_T7XSSSERARGC Areagroup definition: Grouping of Areas customer

V_T7XSSSERARC Area definition: Grouping of subareas customer

V_T7XSSSERSARC Subarea definition: Grouping of services customer

V_T7XSSSERRESC Resource object definition customer

V_T7XSSSERSDB Server definition

39


�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®, NT®, EXCEL®, Word®, PowerPoint® and SQL Server® are registered trademarks of

Microsoft Corporation.

� IBM®, DB2®, DB2 Universal Database, OS/2®, Parallel Sysplex®, MVS/ESA, AIX®, S/390®, AS/400®, OS/390®,

OS/400®, iSeries, pSeries, xSeries, zSeries, z/OS, AFP, Intelligent Miner, WebSphere®, Netfinity®, Tivoli®, Informix

and Informix® Dynamic ServerTM are trademarks of IBM Corporation in USA and/or other countries.

�ORACLE® is a registered trademark of ORACLE Corporation.

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

�Citrix®, the Citrix logo, ICA®, Program Neighborhood®, MetaFrame®, WinFrame®, VideoFrame®, MultiWin® and

other Citrix product names referenced herein are trademarks of Citrix Systems, Inc.

�HTML, DHTML, XML, XHTML are trademarks or registered trademarks of W3C®, World Wide Web Consortium,

Massachusetts Institute of Technology.

� JAVA® is a registered trademark of Sun Microsystems, Inc.

� JAVASCRIPT® is a registered trademark of Sun Microsystems, Inc., used under license for technology invented

and implemented by Netscape.

�MarketSet and Enterprise Buyer are jointly owned trademarks of SAP AG and Commerce One.

�SAP, R/3, mySAP, mySAP.com, xApps, xApp, SAP NetWeaver 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 in

several other countries all over the world. All other product and service names mentioned are the trademarks of

their respective companies. Data contained in this document serves information purposes only. National product

specifications may vary.

Copyright 2003 SAP AG. All Rights Reserved

40


�Weitergabe und Vervielfältigung dieser Publikation oder von Teilen daraus sind, zu welchem Zweck und in welcher Form auch immer, ohne die aus-drückliche schriftliche Genehmigung durch SAP AG nicht gestattet. In dieser Publikation enthaltene Informationen können ohne vorherige Ankün-digung geändert werden.

�Die von SAP AG oder deren Vertriebsfirmen angebotenen Softwareprodukte können Softwarekomponenten auch anderer Softwarehersteller enthalten.

�Microsoft®, WINDOWS®, NT®, EXCEL®, Word®, PowerPoint® und SQL Server® sind eingetragene Marken der Microsoft Corporation.

� IBM®, DB2®, DB2 Universal Database, OS/2®, Parallel Sysplex®, MVS/ESA, AIX®, S/390®, AS/400®, OS/390®, OS/400®, iSeries, pSeries, xSeries, zSeries, z/OS, AFP, Intelligent Miner, WebSphere®, Netfinity®, Tivoli®, Informix und Informix® Dynamic ServerTM sind Marken der IBM Corporation in den USA und/oder anderen Ländern.

�ORACLE® ist eine eingetragene Marke der ORACLE Corporation.

�UNIX®, X/Open®, OSF/1® und Motif® sind eingetragene Marken der Open Group.

�Citrix®, das Citrix-Logo, ICA®, Program Neighborhood®, MetaFrame®, WinFrame®, VideoFrame®, MultiWin® und andere hier erwähnte Namen von Citrix-Produkten sind Marken von Citrix Systems, Inc.

�HTML, DHTML, XML, XHTML sind Marken oder eingetragene Marken des W3C®, World Wide Web Consortium, Massachusetts Institute of Technology.

� JAVA® ist eine eingetragene Marke der Sun Microsystems, Inc.

� JAVASCRIPT® ist eine eingetragene Marke der Sun Microsystems, Inc., verwendet unter der Lizenz der von Netscape entwickelten und implementierten Technologie.

�MarketSet und Enterprise Buyer sind gemeinsame Marken von SAP AG und Commerce One.

�SAP, R/3, mySAP, mySAP.com, xApps, xApp, SAP NetWeaver und weitere im Text erwähnte SAP-Produkte und –Dienstleistungen sowie die entsprechenden Logos sind Marken oder eingetragene Marken der SAP AG in Deutschland und anderen Ländern weltweit. Alle anderen Namen von Produkten und Dienstleistungen sind Marken der jeweiligen Firmen. Die Angaben im Text sind unverbindlich und dienen lediglich zu Informationszwecken. Produkte können länderspezifische Unterschiede aufweisen.

Copyright 2003 SAP AG. Alle Rechte vorbehalten

41


Corporate Colors for PPT

SAP Blue SAP Gold SAP Gray

You can use these colors with gradations

Remove page for sli

de show

Ess xss homepage_framework_ecc_50_erp_2004

Documents