Ess xss homepage_framework_ecc_50_erp_2004

XSS Homepage
Framework for
Employee Self-
Service

Sibylle Borhauer,
Product Manager, SAP AG

1

XSS Homepage Framework

The following session explains:
Benefits of XSS Homepage Framework
Short Introduction
How to customize your own ESS Homepage

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

2

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.


3

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.

4

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

5

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

6

Flexibility of Area Page 1

area link text

subarea

service link text

service description

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.

7

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.

8

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!!


9

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

10

Graphical design – Entities and Relations

Header H1
... Server SV1...SVs
Header Hi

Areagroup AG1
...
Areagroup AGi

Area A1 Resource R1...Rr
...
Area An

Subarea SA1
...
Subarea SAm

Service S1
... Servicegroup SVG1...SVGg
Service Sk


11

Example graphical design ESS Homepage cut-out
Header H1 Server SV1...SVs

Area Group AG1 =
Employee Self-Service
Resource R1...Rr
Area A1 =
Benefits and Payment

Subarea SA1 =
Benefits
Service S1 =
Open Enrollment

Service S2 =
Participation Overview

Subarea SA1 =
Payment
Service S3 =
Salary Statement

... Service S4 =
Total Compensation Statement

Service S5 =
Employment Verification

Area An

Subarea SAm
Servicegroup SVG1...SVGg
Service Sm
...
Service Sk

12

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.

13

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


14

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!!

15

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

16

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

17

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

18

Area group / area : basic definition


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

19

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.

20

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.

21

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.

22

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

23

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) 24

(Number in brackets = country grouping)

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.

25

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. 26

Service Types

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!


27

Portal Page and Homepage Framework

Enterprise Portal ECC 5.0 –
Backendsystem

ESS Homepage
Customizing
Iview calling ESS area page

Connection
homepage objects
and portal content
objects

Generic Iview – ESS service


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

28

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 .

29

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


30

Portal Content Administration for ESS

Portal content structure of
the pages delivered with ESS


31

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

32

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.

33

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!

34

Allocate area group key to portal worksets

2. 1.


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>

35

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.

36

Entities and relations with corresponding views

Header H1 VIEW V_T7XSSSERHEB
... VIEW V_T7XSSSERSDB Server SV1...SVs
Header Hi VIEW V_T7XSSSERARGB

Areagroup AG1 VIEW V_T7XSSSERARB VIEW V_T7XSSSERRES
...
Areagroup AGi

Area A1 Resource R1...Rr
...
Area An
VIEW V_T7XSSSERARG

Subarea SA1 VIEW V_T7XSSSERSARB

...
VIEW V_T7XSSSERSRVCG
Subarea SAm VIEW V_T7XSSSERSRV

VIEW V_T7XSSSERSRVG

VIEW V_T7XSSSERAR
Service S1
... Servicegroup SVG1...SVGg
Service Sk
VIEW V_T7XSSSERSAR

37

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


38

Copyright 2003 SAP AG. All Rights Reserved

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.


39

Copyright 2003 SAP AG. Alle Rechte vorbehalten

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.


40

Corporate Colors for PPT
ge for slide show
Remove pa

SAP Blue SAP Gold SAP Gray

You can use these colors with gradations


41

Ess xss homepage_framework_ecc_50_erp_2004

Recommended

Recommended

More Related Content

Similar to Ess xss homepage_framework_ecc_50_erp_2004

Similar to Ess xss homepage_framework_ecc_50_erp_2004 (20)

More from Juanfe1978

More from Juanfe1978 (6)

Ess xss homepage_framework_ecc_50_erp_2004