Skip to Content
Public Sector

Creating PBF Landing Page / Service Map

Table of Contents


1. INTRODUCTION

This PBF how-to guide describes how to achieve portal landing page (Service Maps) for easier navigation to common content.

1.1 Service Map iView:


The Service Map iView is similar to a site map, displaying pictograms and short texts representing the entries in a role. It serves as a central point of entry and guided access from the portal content area to specific user tasks.


The pictogram and brief description serve as instant reminders of an item's subject matter, while links let you go directly to the relevant task.


The iView can appear as one of the following:

  • A tab in top-level navigation, with each item in the role or workset as a subtab.
  • A node in the Detailed Navigation iView of the navigation panel.


1.2 Integration:


The content developer creates the Service Map iView using the template ServiceMap iView, and adds it to the relevant service module.

The PCD has stored per module: 

  • Text descriptions of all items
  • Pictograms of all items

Depending upon the position of the module in the navigation hierarchy, the iView can appear as one of the following:

  • A tab in top-level navigation, with each item in the module appearing as a subtab
  • A node in the Detailed Navigation iView of the navigation panel

During runtime, the Service Map iView reads the relative location of the parent folder containing the services, accesses the PCD where it reads the contents of the folder, and generates a map of the service module contents. The individual entries of the map are displayed in the content area and correspond to services in the SAP services module.

Clicking a link in the displayed iView opens a new headerless window containing an appropriate form for a specific task, or an information page.

A Service Map iView displays three levels of navigation hierarchy and contains:

· A short textual explanation of each service in the module

· Identifying pictograms of first-level items

· Direct links from the third-level items to the target forms and pages

2. SERVICE MAP IVIEW CREATION:

The following steps will describe how to create a service map iview.

2.1 Steps to create Service Map iView:

Step 1: Create an iView based on the service map template:

      1. Launch the Portal Content Studio. In top-level navigation, choose  -> Content Administration -> Portal Content.  
      2. In the Portal Catalog, right-click a folder and choose -> New -> iView. 
      3. In the iView Wizard Template Selection screen, select Service Map iView.

For information about accessing and using the iView Wizard, see Launching the iView Wizard and General Information.

Step 2: You can specify whether you want portal users to be able to navigate to service map items by clicking on service map pictograms. In the iView's Property Editor, in the Navigation property category, set the Pictogram is Clickable property.

Step 3: For each item in the workset, configure the following properties in the Property Editor:

  • Pictogram: From the list, select the name of an image to represent the service entry. You
    will see only the pictograms that relate to items on level 1.
  • iView Name: This name was set when the object was created.

Step 4: Add the Service Map iView to your workset of your navigation hierarchy.

For information, see Adding Content Objects to Roles and Worksets.

See the results in Figure 1:


 


  Figure 1


2.2 Important Properties for Service Map iView:


Property


Description

Default Entry for Folder


A page and iView property defining the object that displays by default when its folder is launched. The default value is 'False'.


Invisible in Navigation Areas


Enables you to prevent the object from being displayed in the standard navigation iviews in the portal (top-level navigation and detailed navigation).

Pictogram


Specifies a pictogram (icon) that represents an iView/page/folder entry in a workset map or service map iView. Enter the full path and name of the pictogram file.

Pictogram is Clickable

Specifies whether the pictogram can be clicked. Clicking the pictogram triggers navigation to the linked object.

3. IMPLEMENTING SERVICE MAP IVIEW for PBF:

3. 1 Creating Service Map iView for one Workset.

In this example we will create a service map ivew for a Budget Formulation workset.

Step 1:

Create a service map iview from the portal content as shown in Figure 2.

Figure 2

Step 2:

Set the all the above mentioned properties to the newly created service map iview (servicemap in this example).

  1. Default Entry for Folder
  2. Invisible in Navigation Areas
  3. Pictogram is Clickable

Figure 3

Figure 4

Figure 5


Step 3:

Add the newly created service map iview to any workset (Budget Formulation in this example) and save all the changes.

Figure 6

Step 4: Launch the portal and click on the workset for which you have created the service map iview. Once you click on the workset the service map iview will be launched. You can now see the service map iview with all the details of the workset as shown in the below figure (Figure 7).

Figure 7

3. 2 Creating Service Map iView at higher level navigation.

We can also create a service map iview to group more than one workset at higher level navigation.

In this example we will create a service map iview to group the following 3 worksets: Budget Formulation, PBF State and Local, PEP Maintenance.


Step 1:

Create a new workset (PBF) and add all other worksets (Budget Formulation, PBF State and Local, PEP Maintenance) to this workset as shown below.


Figure 8


Step 2:

Add the above created service map iview (Servicemap) to the newly created workset(PBF) as shown below.

Figure 9

Step 3:

Save all the changes and refresh the portal and click on the newly created workset (PBF) for which you have created service map iview. Once you click on the workset the service map iview will be launched.


You can now see the service map iview with all the details of the workset as shown in Figure 10.

Figure 10

Step 4:

You can also set different icons for all the worksets with the property of Pictogram. The below figure shows worksets with different icons.

Figure 11

Note: Only Level 1 nodes will be displayed with the icons.



Former Member

No comments