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
SAP AG 2004, Title of Presentation / Speaker Name / 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
SAP AG 2004, Title of Presentation / Speaker Name / 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
SAP AG 2004, Title of Presentation / Speaker Name / 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
SAP AG 2004, Title of Presentation / Speaker Name / 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
SAP AG 2004, Title of Presentation / Speaker Name / 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
SAP AG 2004, Title of Presentation / Speaker Name / 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
SAP AG 2004, Title of Presentation / Speaker Name / 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
SAP AG 2004, Title of Presentation / Speaker Name / 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
SAP AG 2004, Title of Presentation / Speaker Name / 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
SAP AG 2004, Title of Presentation / Speaker Name / 12
Example graphical design ESS Homepage cut-out
Resource R1...Rr
Servicegroup SVG1...SVGg
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
SAP AG 2004, Title of Presentation / Speaker Name / 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
SAP AG 2004, Title of Presentation / Speaker Name / 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
SAP AG 2004, Title of Presentation / Speaker Name / 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
SAP AG 2004, Title of Presentation / Speaker Name / 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
SAP AG 2004, Title of Presentation / Speaker Name / 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
SAP AG 2004, Title of Presentation / Speaker Name / 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
SAP AG 2004, Title of Presentation / Speaker Name / 19
Area group / area : basic definition
� You define here the are description appearing on the area group page.
20
SAP AG 2004, Title of Presentation / Speaker Name / 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
SAP AG 2004, Title of Presentation / Speaker Name / 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
SAP AG 2004, Title of Presentation / Speaker Name / 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:
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 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
SAP AG 2004, Title of Presentation / Speaker Name / 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
SAP AG 2004, Title of Presentation / Speaker Name / 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
SAP AG 2004, Title of Presentation / Speaker Name / 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:
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 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
SAP AG 2004, Title of Presentation / Speaker Name / 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
SAP AG 2004, Title of Presentation / Speaker Name / 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
SAP AG 2004, Title of Presentation / Speaker Name / 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
SAP AG 2004, Title of Presentation / Speaker Name / 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
SAP AG 2004, Title of Presentation / Speaker Name / 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
SAP AG 2004, Title of Presentation / Speaker Name / 31
Portal Content Administration for ESS
Portal content structure of
the pages delivered with ESS
32
SAP AG 2004, Title of Presentation / Speaker Name / 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
SAP AG 2004, Title of Presentation / Speaker Name / 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
SAP AG 2004, Title of Presentation / Speaker Name / 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
SAP AG 2004, Title of Presentation / Speaker Name / 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
SAP AG 2004, Title of Presentation / Speaker Name / 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
SAP AG 2004, Title of Presentation / Speaker Name / 37
Entities and relations with corresponding views
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
...
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
SAP AG 2004, Title of Presentation / Speaker Name / 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
SAP AG 2004, Title of Presentation / Speaker Name / 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
SAP AG 2004, Title of Presentation / Speaker Name / 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
SAP AG 2004, Title of Presentation / Speaker Name / 41
Corporate Colors for PPT
SAP Blue SAP Gold SAP Gray
You can use these colors with gradations
Remove page for sli
de show