POP263 Exercise VHO

7/18/2019 POP263 Exercise VHO

http://slidepdf.com/reader/full/pop263-exercise-vho 1/89

EXPERIENCE SAP NETWEAVER PORTAL 7.4

IN ACTION

POP263

Exercises / Solutions

Getting started with your session

Login credentials and group numbers can be found in the ‘My Reservation’ tab on the SAP TechEd VirtualHands-On Workshops website (https://saptechedhandson.sap.com/).

Important: Some of the sessions use place holders for users (e.g. CD300_XX) or objects (e.g.ZCD400_Exercise_##). The place holders XX or ## must be replaced with your assigned group number,which you find in the ‘My Reservation’ tab on the above mentioned website.

https://saptechedhandson.sap.com/






2

BEFORE YOU START ...................................................................................................................................... 3

Overview ........................................................................................................................................................... 4

Portal 7.4 End User View – Step by Step Guide ........................................................................................... 5

Overview ......................................................................................................................................................... 21

Portal Content Exercise ................................................................................................................................ 22

Configuring Mobile Access - Basics ........................................................................................................... 40

1.1.1.

Exercise .............................................................................................................................................. 40 Portal Site Management ................................................................................................................................ 48

1.1.2.

Portal Site Management ..................................................................................................................... 48

Wiki Administration ....................................................................................................................................... 71

1.1.3. Wiki Administration ............................................................................................................................. 71

OPTIONAL: ..................................................................................................................................................... 82

Working with Web Page Composer ................................................................................................................. 82



3

BEFORE YOU START

BEFORE YOU START

In this hands-on session you will experience SAP NetWeaver Portal from end user and administration perspective.You have the opportunity to select your exercises depending on your personal area of interest. Due to time

constraints during the Hands-on session, it is recommended that you first take a look at the differentexercises and then decide which ones you want to work through first .

Exercise 1: Portal End User Experience (recommended)

Estimated Duration: 15 minutes

Exercise 2: Portal Administration Experience

a. Portal Content Administration

Estimated Duration: 15 minutesb. Mobile Access Configuration

Estimated Duration: 15 minutesc. Portal Site Management

Estimated Duration: 30 minutes

d. Wiki AdministrationEstimated Duration: 10 minutes

Important NotePlease follow the instructions according to the script. Please pay attention while exploring the variouscapabilities and performing actions in the portal, since other users may also work with the same system inparallel!

The following exercises are based on SAP NetWeaver Portal 7.4 SP2 and include the add-on componentsWikis, Discussion Forums, Portal - Mobile Edition and SAP Portal Content / Site Management by OpenText.



4

Overview

Portal End User Experience

Estimated time: 15 minutes

Objective

In this section you will experience SAP NetWeaver Portal from an end user perspective – via a nicely customizeddesign example (not part of standard delivery!).

The demo company “Ozone” is running an intranet based on SAP NetWeaver Portal to provide its employeescentral access to company information, applications and self-services.In the exercise you will be able to explore various solutions for professionally managing content, working withdocuments and sharing news with your team.

Note: SAP NetWeaver Portal offers flexible tools for adjusting the visual appearance via theme designer (colors,

fonts, images, etc.) and custom-built framework pages (e.g. page layout and menus). In this demo we usestandard role, navigation and permission mechanisms behind the scenes – but with a customized user interface(framework page, navigation iViews).

Exercise Description .

Anonymous access to the portal

Experience portal navigation and a custom framework

Using SAP Portal Content Management by OpenText to manage documents and share your status

Using wikis and forums to collaborate with colleagues



5

Portal 7.4 End User View – Step by Step Guide

(1) Open the shortcut Student (Local) on your desktop.

(1) Open folder

(1) Double click to start your portal in a Google Chrome Browser.

The portal URL is started with the URL alias /portal/teched. This alias is configured to support anonymousaccess, so a first view of the portal is already displayed instead of showing a logon screen. However, theanonymous user role is very limited, so you can just see the start screen, but no content yet.

(1) Click .



6

(1) Enter User POP263_XX and password welcome.

Note: Please replace XX with the Group Number.

(2) Click Log in.

(1) Hover over the menu entries on the left like MY WORK and MY TEAM to see the sub-menus sliding out.Click My Documents to access the documents stored with SAP Portal Content Management by OpenText.



7

(1) In the Browse Documents iView you see three view types: On the left, there is a tree view, listing allfolders and their structure. When you click on a folder, the subordinate folders, pages etc. appear. In the listview in the center of the page, all elements of the folder are listed. You can mark single documents or foldersby clicking the grey button in front of the row. The view on the right shows the properties of the selectedelement, such as name and creation date.

You want to upload a new travel policies document, so click to open the folder.

(1) Click .



8

(1) Click .

(1) Navigate to folder D:\Files\Session\POP263.

(2) Select file Travel Policies.doc and click Open .



9

(1) You might enter a name and description, but this is not mandatory. Please add a name and make surethat the name of the Document is personalized by your group ID, e.g. Travel Policies_XX

(2) Click .



10

(1) Click next to Travel Policies to select the document.

(1) Click to see the versions that are available for this document. Since you just uploaded it,

there is obviously is just one version.



11

(1) In the Top Level Navigation hover over My Work to open the drop down menu and click .

(1) You only want to see the activity feeds of your colleague. To do so, select the user with the search field.

Enter <your laptop-ID> +1 into the entry field next to , e.g. 01.



12

(1) The search already starts as you type. Click a user from the list, e.g.

. So you can see for example, if your neighbour already checked inthe Travel Policies document.

(1) You now want to create your own post. Since the entry field is not visible, when checking the feeds and

details of one specific user, you have to go back to All Users. Click .



13

(1) Enter some status posting into the Share your status entry field.

(2) Click .

Click in the top level navigation to go to the My Team Overview page.



14

(1) This overview page was built using the Portal Site Management add-on by OpenText. Users with thenecessary site editor permissions can edit it directly by clicking the Edit page button. You see different tilesthat take you to other portal pages. On the left side, you see a content panel that also contains the activity

feeds we just saw. Click to open the Team Newsletter page.



15

(1) The Team Newsletter page is another page that was built with PSM. It combines some introductory textwith an integration of several portal applications like Pulse for sharing Activity Feeds and a documentbrowser.

(1) Click to open the Team Wiki page.



16

(1) Wikis provide a framework for easily sharing and contributing knowledge in an intuitive way. This is a wikiend user role. On the left side, you see all spaces and sub-spaces available. On the right side, the latest

content is listed. Click the space or the TechEd space of your current location toopen it.

(1) For sharing content about this TechEd session, you want to create a new wiki page. Click

.



17

(1) Click .

(1) Enter Attending Hands-on session POP263 in Las Vegas as Title.(2) Enter some text into the page.



18

(1) Scroll down to the bottom of the page and click .



19

(1) Open the My Team in the Top Level Navigation and click to initiate adiscussion about SAP TechEd.

(1) Click on the forum that refers to your location.

(1) Click .



20

(1) Enter Which hands-on sessions would you recommend most? in the box.(2) Enter a text in the message text field.(3) The scroll bar is used to display the desired screen area.

(1) Scroll down and click .

(1) This is your newly created thread. Now others can reply to the thread and you can rate their answers.Please do not close the browser, as you might need it also for some parts of the admin exercise. Instead,

you can now just minimize your portal, if you want you can also click .



21

Overview

Portal Administration

Objective

In this part of the hands-on session you will explore the portal administration environment and understand how tocreate content and manage mobile access for the users.

You can choose between the following exercises:

Portal Content Administration

Estimated Time: 15 minutes

Configuration Mobile Access


Portal Site Management


Wiki Administration Estimated Time: 10 minutes

Web Page Composer




22

Portal Content Exercise

Portal Content Administration

Estimated Time: 15 Minutes

Managing Portal ContentThe “Content Administration” role is one of the most important roles for administrators in the portal amongstuser and system administration.In the content administration section you will learn how to work with objects in the portal content directory, manageportal roles and their impact on navigation for end users. You are going to create some enterprise feeds toconsume RSS content from remote websites.

Enterprise FeedsThe new enterprise feed infrastructure (deliver via Enterprise Workspaces) allows you to integration and aggregateRSS-based content items from different channels. The out of the box provided channel types include KnowledgeManagement (KM) News, RSS, and Universal Worklist. You first create the enterprise feed and then you add oneor more channels to it. An enterprise feed can contain multiple channels of the same type or of different types.

(1) For administration part of this exercise, you should use the standard portal framework. To use differentbrowsers, this part of the exercise is done with Internet Explorer. Double click the Student

(Local) shortcut on your desktop to start this part of the exercise.

(1) Navigate to folder POP263 and double click the entry to start the portal(Note: verify that the URL ends with …/irj/portal before entering your user credentials).



23

(1) Enter user POP263_ AXX and password welcome. Click Log On . This user has severaladministrator roles.

Note: Please replace XX with the Group.

(1) Now, when you log on to the portal as an administrator with the standard URL, you are experiencing the

standard SAP Portal Desktop.

On the top of the page there is a mast head, which contains a search function and various services as“History”, “Favorites” or “Help”.

Below the mast head, you can find the top-level navigation. A variety of tabs represent the different rolesassigned to your user. They provide access to all information and applications relevant for you. Anotheruser might see different entry points, depending on their job role and the corresponding requirements. Inthis case you have e.g. the SAP TechEd, Wiki and Forums role from an end user perspective andadministrative roles such as Content Administration, Wikis & Forums Administration, Workspaces,OpenText Portal Site Management, etc.

On the left there is the detailed navigation. It enables you to navigate deeper into the portal´s structure and

access any kind of subfolder or page. The main section in the center is the content area. Here, the actual page content is displayed. It´s

structured in a specific layout and contains articles or iViews. iViews are containers with applications. Youmay know similar elements such as widgets, modules or webparts.

Click Content Administration to go to the portal content directory and explore the content and the roles that havebeen assigned to you, e.g. “My Team”.



24

(1)

Click to open the Portal Content folder.



25

(1) Click to open a folder.Open folder Portal Content > POP263 > Roles.

(1) Click on My Team with the right mouse button to open a shortcut menu of possible actions.

(2) Click to open the role in the panel on the right side.



26

(1) Take a look at the role. For your demo end user a variety of pages are assigned to this role, e.g. theTeam Newsletter page and wiki and forums pages that you saw before. The top node of this role "My Team"is shown as part of the Top Level Navigation. This is defined by the checkmark in the Entry Point column.

Click this checkmark to remove it and see what happens to the navigation.

(1) Switch back to Chrome that should still be open in the background. If not, please open it again using thelink in the Student (Local) shortcut, as described at the beginning of the end user section of this exercise.

If necessary, click .



27

(2) Enter your user POP263_XX and password welcome again, if necessary, and click .

Note: Please replace XX with the Group Number you received.

If your user is still logged in, just refresh the page.

As you see, the My Team role is no longer visible in the portal. Now switch back to the administrator.

(1) Switch back to IE with the Portal Content Administration again and click Close to close the role.

(1) Now, you want to create a new iView to display RSS feeds in the portal. To store it in forder iViews,

click iViews .



28

An enterprise feed is a container that enables you to aggregate content items from different channels. You will first create an EnterpriseFeed object, then you will add a channel to it. You could also add several channels. Finally, you will create an iView to displayEnterprise Feed content in the portal.

(1) To create the Enterprise Feed, click on with the right mouse button to open the context menu.

(2) Click New > Enterprise Feed



29

(1) Enter SAP News as Object Name.

(2) Click . On the next page click Finish.

(1) Click to open the properties of the Enterprise Feed.

(1) Click Enterprise Feed to add a channel or set display options.



30

(1) Click New to create a new channel.

(1) Click to select RSS Channel and Click on Next.

(1) Enter SAP News as Object Name and Click on Next.



31

(2) Enter http://global.sap.com/about/newsroom/rss.epx as Feed URL. You can keep all other settings as bydefault.(3) Click Next.

(1) Confirm the Summary by clicking on Finish.

http://global.sap.com/about/newsroom/rss.epx






32

(1) The SAP News channel was created. You could now add further channels or set display options on the

Sort&Filter tab. When you are finished, click .



33

(1) The next step is creating an iView to display the Enterprise Feed you just created. Click

on with the right mouse button.

(2) In the context menu, click New > to start the iViewcreation wizard.

(1) In the list of available templates, select the Enterprise Feed iView template.

(2) Click .



34

(1) Enter a name, e.g. SAP News.(2) Click .

(1) Click .



35

(1) Confirm the "Object created successfully"-message with .

(1) Click to open the iView for editing.

(1) Click to see all properties of the iView.



36

(1) Open the drop down list to select a category of properties for finding the right properties more easily.

(2) Select to display only Enterprise Feeds related properties.



37

(1) To find the correct Feed ID, right-click on the Enterprise Feed you created before.(2) Click .

(1) Click to switch to editing mode.

(1) Select the Enterprise Feed ID entry field and paste the Feed ID with Control+v.



38

(1) Click .

(1) Click to check how the new iView looks like.

(1) This is the new Enterprise Feeds iView. Click to close the tab.



39



40

Configuring Mobile Access - Basics

Mobile Access Configuration


Configuring Mobile AccessUsing mobile Web browsers, you can access the portal from mobile devices, such as smartphones or tablets. Touse portal on device, you need to create portal content that has been designed for mobile users and has beentailored for display on mobile devices. This includes using a UI technology that is supported by mobile devices(e.g. SAPUI5), adjusting the application form factor, and tailoring the application complexity. You can either adaptexisting portal content, or develop new content. After creating the content for portal on device, you need to tag thiscontent so that it is filtered for display on mobile devices only.

The mobile configuration section shows you how to work with mobile roles (content structure), mobile frameworkpages / portal desktop (layout for smartphones and tablets) and tag content (via filter ID, display rules) to beaccessed via different devices. SAP delivers out of the box an “Every User Mobile Role” that contains importantelements such as home page, launcher, favorites or explorer views.

1.1.1. Exercise

(1) For mobile configuration, you need a user with System Administration role. Therefore, please logoff andenter user mobile and password welcome. Click Log On .

(1) First, we want to check how the Mobile Desktop is assigned to mobile users. There are two specificDesktops and Framework Pages that come with the standard portal delivery of SAP NetWeaver Portal 7.3and 7.4, one for smartphones and one for tablets.



41

To see, the assignment of these desktops, click System Administration .

(1) Click Portal Display to open the Desktops & Display Rules page.

Display rules are used to assign portal desktops (in this case mobile desktops) to portal users at runtime.

(1) Open the folder Portal Content > Portal Administrators > Super Administrators.



42

(1) Click on Master Rule Collection with the right mouse button to open a shortcutmenu.

(2) Click .



43

(1) The master rule collection to mobile users the desktop that has been created for mobile access. Ifthe device type of the user is Tablet, then the TabletPortalDesktop is used.

There are also other ways to assign Portal Desktops to a user that you can also see in this Master RuleCollection. E.g. if the URL alias portal/tablet is entered, the TabletPortalDesktop is also used.

(1) To take a look at the TabletPortalDesktop, open the folder Portal Users > Standard Portal Users >Tablet Framework Content.

(1) Right-click on Tablet Portal Desktop .

(2) Click Open > Properties to display the properties of the Tablet Portal Desktop.

For separating content for mobile devices and classic desktops, the Filter ID property is used. The PortalDesktop that is used for tablet devices was assigned Filter ID com.sap.portal.tablet . This Filter ID can now beused to tag content that should be displayed on tablet devices. You can see this Filter ID later also asproperty of pages or folders of the mobile role.



44

(1) Click Close .

(1) Click Close .



45

(1) To take a look at the mobile role, please navigate to Content Administration. .

(1) Open folder Portal Content > POP264 - Solution > Roles.

(1) Click on TechEd Mobile Role with the right mouse button.

(2) In the context menu, click to take a look at the TechEd Mobile Role.There is also a standard mobile role that comes with standard portal content.



46

(1) This mobile role contains content targeting mobile scenarios both on smartphones and on tablet devices.There are three role folders called Launcher. As you see when looking at the Filter ID in the last column, oneis dedicated for smartphones, one for tablets and the last one can be used for both. As there will be just onelauncher at runtime from which the end user can launch all pre-defined applications, the content from bothapplicable launchers (for the device type used) will be merged.On the bottom of the list, there is also a folder Toolbox. The Toolbox is an overlaying list of launchable items,such as Favorites or Contacts, which you open and close using a tab on the left side of the mobile frameworkpage. So, in this example, you will find a Worklist, when opening the toolbox on a smartphone and theWorkspace Directory and a Worklist on a tablet.

To take a closer look at the applications assigned to the different launchers, click Expand Node .(2) Click Expand Node .



47

(1) Click to close the role.



48




SAP Portal Site Management by OpenText

The SAP® Portal Site Management application by OpenText enables your organization to run aportal or multiple portals with comprehensive, integrated Web content management (WCM). With it,you can improve content authoring; incorporate unstructured content into workflows; streamlinetranslation; make content readily accessible to employees, customers, and partners; and so muchmore. As a result, your organization benefits from faster time to market and enhancedonline business.

In this exercise, you will learn how to:

- Create a new PSM page using SmartEdit, the easy-to-use editing tool for web editors- Edit a PSM page including a Portal application- Submit pages to workflow- Add pages created with PSM to a Portal role

1.1.2. Portal Site ManagementImagine, you are an employee in the HR team and an expert for business travel management. In this role,you would like enable the employees of your company to find all travel related information and guidelinesmore easily. You decided to store all travel guidelines and policies in a dedicated PCM (SAP Portal ContentManagement by OpenText) folder and to create several portal pages from which you can directly jump to thetravel guidelines folder.

To do this, logon to the portal with the administrator user.

(1) Enter username POP263_AXX and password welcome. Click Log On .



49

Note: Please replace XX with the Group Number.

(1) Click .

(1) Click Add Folder .



50

(1) Enter Travel Guidelines XX as folder name.Note: Please replace XX with the Group Number.

(2) Click .

(1) Click next to your newly created folder to select the folder Travel Guidelines xx.



51

(1) On the right side, you see the properties of the folder in the Details panel.

The last property on the panel is the Node ID. Make a note of the Node ID, as you we will later include thatfolder on a PSM page.

(1) Click .



52

(1) To page editing, click .

(1) Normally, when clicking Edit Page, the correct page is opened directly, but when the page does not existin the language that was selected for the user at the last login, you might see the Start Page. In this case,click Select Language and choose English.

To see the HR Service Center page, you could then open the tree structure on the left side and click onHome > ITelO Demo > HR Service Center . But since you want to create a new page anyhow, you can alsocontinue from where you currently are.

(1) Right click anywhere in the Content area and select Navigation Manager in the pop-up.



53

(1) You see the complete navigation structure of the project. We want to add the new page under TechED

HandsOn. Right-click on TechEd HandsOn to open a shortcut menu.

(1) Click .



54

…

(1) Select 0012st – Teaser List.

(2) Enter Travel_XX as headline.Note: Please replace XX with the Group Number.

(3) Click .



55

(1) A new page was created. Click next to TechEd HandsOn to see it in the navigation structure.

(1) To open your page, click .

(1) You want to add some content, so open the columns on the page for editing: Click . You see the reddots that allow you to edit content snippets on the page, e.g. the description or to add single info topics.

(1) Click the red dot next to Edit description to change the description text that will appear on top ofthe new page.



56

(1) The Text Editor pops up. Enter some text here, e.g. a headline like Travel Information and maybe someintroduction.(2) You can use various formatting options, e.g. select the header Travel Information and open the styles

dropdown. Mark the heading of your text and click Heading 2 .When you are finished, click OK to save and quit the text editor.



57

(1) To create the first teaser/info topic on the page, click . This red dot allowsyou to handle the list of topics. You can use it now to create a new info topic or also later to change the orderof teasers/info topics or delete one.

(1) In PSM, all content pieces that you use to build a page are also called pages, so since you want to create

a new piece of content and put it on the page, click .



58

(1) You see the list of Content Classes that are possible as teasers here. Click 0010s HR Info Topic.

(1) Enter Travel Programs as Headline of the first teaser.

(2) Click OK .



59

(1) The first teaser is created and at the same time, also an article with the same headline that is linkedautomatically from the teaser.

You can now use the red dots to edit elements of the teaser. To add an image to the teaser, you can eitherclick the red dot next to Edit Image and select or upload a document or you can simply drag and drop it from

the asset library. To do so, click .

(1) Click select the right image source.



60

(2) Click .

(1) You can now browse through the images. Since you are looking for travel related images, enter inthe search entry field.

(2) Click the Search icon .

(1) Drag the image with the plane and the car (TravelItinerary_48.png) .

(2) Drop it on the red dot next to Edit Image.

(1) Click next to Edit teaser text to add a description for this teaser.



61

(1) Enter Hotel Program / Apartments, Airline Program, Rental Car Program, Credit Card Program in theText Editor and click OK.

(1) To create another teaser/info topic, click next to Manage Info Topic List and proceed as you did forthe first teaser.You can create several teasers, e.g. for

Travel ExpensesTravel Planning andTravel Policies.

(1) When you are done, click to close the asset panel.



62

(1) To edit the linked information page on Travel Policies, click Read more... . link below TravelPolicies to open the page.

(1) The Travel Policies page is opened. To edit the page content, click next to Open Article.



63

(1) You see all the red dots that can be used to edit various elements on the page. The page also contains aPCM browse application that was added to the page using the Application Catalog functionality. Thisfunctionality allows editors to embed any type of portal iViews into PSM pages in a simple way and to edit

iView properties (like in this case the root folder of the browse application). Click next to Edit Root Folder

of Browse Application.

(1) Enter the node ID of the PCM folder Travel xx that you created at the beginning of this exercise to theentry field.

(2) Click .



64

(1) When you have finished editing the page, you can submit it to workflow for publication. Click somewhereon the content area with the right mouse button to open the context menu. In the context menu, selectSubmit to Workflow.

(1) Click Tasks .

(1) Open folder My Pages > Pages Saved as Draft > English (en-US) to display all your pages that were notyet submitted to workflow.



65

(1) Select the checkboxes for all pages.(2) Click on somewhere in the list with the right mouse button to open the context menu.

(1) Click Submit To Workflow to submit all selected pages to workflow.

(1) If there are any pages left, select those, too, and submit them to workflow in the same way.

(1) Click the browser tab to go back to the portal.



66

(1) To add the newly created page to a portal role, open .

(1) Click next to Administration to open the detailed navigation.

(2) Click Navigation Manager .

(1) Click to open the Drop Down list next to Select From.

(2) Click All roles to open a list with all roles for which your user had editingpermissions.

This step might take some time, as all portal roles need to be scanned for permissions.



67

(1) Click to select the role to which you want to add the new Travel Information page.

(1) Click to select the My Services role. Make sure you use the one with descriptionMy_Services_Admin, so you can directly see the new page with the current user.

(1) Click to open the drop down list for selecting the Delivery Server project in which the page was created.

(2) Select project teched .



68

(1) Click Expand Node to expand node TechEd HandsOn.

(2) Click to select your Travel xx page.

If the Travel xx page should not be displayed, this would mean that the publishing process is not yetcompleted. In this case, please continue with another part of the exercise and come back to this sectionlater.

(1) Click Add... to create a connection between the folder Travel Managemnt in the My Services roleand the Travel xx page.

If the Add button should not be activated immediately, try selecting the TechEd HandsOn page first and thengoing back to your Travel xx page.

(1) Click the radiobutton next to Dynamic to create a dynamic connection.

Pages can be linked to roles statically or dynamically. In a dynamic connection, the subtree of the connectedpage is adapted, when new pages are created or pages are deleted in PSM. When using a staticconnection, the navigation structure is fixed, but the page content is still changed, when new content ispublished.



69

(2) Click Add .

(1) Click to navigate to the Travel Management folder and see the new page.

(1) Click Travel Management .

(1) You see the page you created now as part of the My Services Portal Role. To see the subpage, click

Read more... .



70



71

Wiki Administration

Wiki Administration


Wikis provide a framework to easily share and contribute knowledge and information in an intuitive waywithin the company. They give employees, customers, suppliers and partners a framework to collaborativewriting and help to save time by making ideas available, sharing knowledge and managing relatedinformation.

In this exercise you will learn how to create spaces and how to set up an approval process for a space.

1.1.3. Wiki Administration

Logon to the portal with the administrator role.

(1) Enter username POP263_AXX and password welcome. Click Log On .Note: Please replace XX with the Group.

(1) Click .

(1) As a wiki administrator or space administrator, you can access the admin console and perform

administrative tasks. To create a new space, click Spaces .



72

(1) To create the new space as a sub-space of SAP TechEd 2013, click SAP

TechEd2013 to open it.

(1) Click Create Sub-Space .



73

(1) Enter Sessions as Space Name.

(2) Enter a description of the space.(3) Enter sessions as Space Address.

(4) Click Next > .

(1) For permissions, leave the setting "Inherited" to use permissions of the parent space. Click Next >

.



74

(1) Review the space creation data and click Finish . The sub-space is created and is visible in the

space hierarchy.

(1) You can configure the wikis with or without approval processes or content control. Without an approvalprocess being configured, every wiki user can create and publish documents right away. With an approvalprocess being configured, you can specify someone to approve all documents created in the space beforethey can be published and made visible to other people. With a space approver set, people will still be ableto create new documents. Instead of being able to publish the document right away, however, they'll be ableto "Submit for approval."

Click Settings .

(2) Click Page Settings .



75

(1) You want to define a space approver for the whole space “SAP TechED2013”. I f you only want to add anapprover for a subspace, you can click on Change Space.Enter an end user different from yours, e.g. POP263_<xx+1> in the Add User box.

(2) Click Add .

(1) Leave the default setting -1 for Required Approvers and the default "yes" for Display Approver Names".

Check that the approver is listed on top of the page and click Save Changes .

(1) To run through the approval process, go back to Google Chrome with your end-user.If you closed it, please relaunch it using the Student (local) shortcut on your desktop.



76

(1) If necessary, click .

(2) Enter user POP263_XX and password welcome and click .Note: Please replace XX with the Group Number.

(1) Navigate to My Team > .

(1) Click to create a page in this space.



77

(1) Click .

(1) Click to create the page in the Sessions space.

(1) Enter a page title, e.g. POP263 - SAP NetWeaver Portal 7.4 in Action.(2) Enter a wiki text.



78

(1) Click .

(1) The end user also has the possibility to add further approvers for his/her own pages or to enter users whomay edit the wiki page. These editors can then also access the wiki page, even when it is not yet approved

and published. In this case, do not enter any additional users, but just click .



79

(1) You are informed that this version of the page is awaiting approval, and that therefore, it is not visible toohter users except authors and approvers. Once all approvers have approved the page, it will be publishedand visible to the space and other users.To approve the wiki page, you need to logon as the approver.

Click .

(1) Click .

(1) Enter the name of the user that you made approver (POP263_<xx+1>) and password welcome. Then

click .



80

(1) Navigate to My Team > .

(1) Click .

(1) In the drop-down list, select . The red number 1 indicates that there is onepage waiting for approval.



81

(1) Under "Pages That Need Your Approval", you see your newly created page.Click to open it and check the approval status.

(1) Click .



82

OPTIONAL:

Web Page Composer Administration


With Web Page Composer (WPC), business users can easily create and manage SAP NetWeaver Portalcontent and pages that combine business applications, web content, and documents. At the same time,governance tools ensure the quality of the user-generated content.

An area is grouping web pages within a navigation structure. You can create web pages and contentyourself or delegate these tasks to other users. In the exercise you will update existing and create new webpages with different types of content (e.g. applications, web forms for news or announcements, images,documents, etc). Afterwards you will publish the pages and areas to make the content available for the endusers.

In this exercise you will learn how to edit web pages and manage content via Web Page Composer.

Working with Web Page Composer

Logon to the portal with the content editor role.Enter username ContentEditor and password Welcome13. Click Log On.

Edit/Update an existing Portal Page1) Navigate to role “SAP TechEd” and check the navigation structure and the content. You will see various

pages for the different SAP TechEd events. Look at the home page and its elements.2) The tool bar in the upper left corner of the page offers various services: editing, send email, print,

subscribe (RSS), and provide feedback. As you have the required authoring permissions you can nowlaunch the in-place editing mode to directly make adjustments to the page (e.g. updating the page withnew content.)

Open the page for editing1) Press the pencil icon to launch the editing mode.2) You are automatically navigating to Area Management > Content Editor > Staging Area > SAP TechEd >

Overview3) The page is automatically opened for adding / changing content. You see various elements on the page.



83

On the left side you see the staging area with the content structure. In the middle the editable page and onthe right side the content panel (with templates / browser).

Create a new paragraph from template 1) Add a new paragraph element by choosing “Paragraph” from the content templates in the content panel

on the right side and dragging it on the page.2) A new browser window opens with the editor.3) Add some text and a file name. (You may copy some content from the official SAP TechEd website.)4) Press “Save” and “Close” the window by confirming the dialog.

Edit an existing paragraph1) Choose an existing paragraph element and open the iView menu (icon on the top right of the container,

a drop down menu appears). Select “Edit Content” to open a new browser window with the web formeditor.

2) Add some text in the editor, e.g. to the headline.3) Press “Save” and “Close” the window by confirming the dialog.

Change layout



84

1) In order to better position the elements on the page, choose a different layout. On the top of the sidepanel switch from the “Content” view to “Layout”.

2) In the list of available layouts, select “Three containers: Top: full-width; Bottom: two equal-widthcolumns”.

3) Re-position the forms in the containers of your choice using drag & dop.

Publish your changes1) You can close the page edit mode by pressing “Done” on the toolbar menu. 2) Select the “Preview” icon to see a preview of the updated page. 3) Select “Publish” icon to release the updated content for the end users. 4) Confirm the dialog to navigate back to the original page at runtime.



85

Working with the Overview Cockpit1) Navigate to the role Area management > Content Editor > Overview2) Here you see all you areas recently modified by you, you can manage your bookmarks or see pages

currently in workflow.



86

Create a New Page3) Navigate to the role Area management > Content Editor > Staging Area > SAP TechEd4) The area (navigation node) contains all the pages for this section. Now let’s add a new entry in the

navigation by simply creating a new page under this node.Remark: only pages that are assigned to an area can be published.

5) Mark the area and select “New” and “Page” via menu on the top or right mouse click. The page creation

wizard appears on the right.6) Enter some general information into the form such as name, description and tags.

Layout: Select a T-Layout with top full-width and two columns.

Navigation Settings: Leave empty for now.

Page Toolbar: Check the relevant services you would like to enable.

Enable Versioning: Mark the check box to enable versioning of the page.7) Confirm your settings with “Ok”.

Adding content to the page 1) The new page appears in the staging area below the SAP TechEd area. You can add content now.2) In the Content Panel navigate to Global Shared Content > TechEdImages to add a picture to the page.

3) Select an image and drag it onto the page layout.4) Next, add some additional paragraphs to the page. Select the “Paragraph” element from the Content

Templates section in the content panel. Here you may also re-use some text from the official SAPTechEd website for your text box. Press “Save” and “Close” the window by confirming the dialog.

5) Add a link list to the page. Enter a name and link to another page or website. You may use enter links toother local TechEd web sites. Select “Add Element” and “Link List Item” to add additional links. Press“Save” and “Close” the window by confirming the dialog.



87

You can optionally add further elements to the page.1) URL iView: Administrators can expose any portal iView as content template to the authors for re-use.

The URL iView is the most generic one. You can add this to the page and specify the URL to any webbased application, website or report. Drop the URL iView template to your page. In the settings editorspecify the full URL of your target (e.g. http://www.sapteched.com).

2) Create a documents list by selecting a folder from the global shared content and drop it on the page. Adocument list (KM Navigation iView) is automatically generated and points directly to this particularfolder.

3) Add a dynamic (news) list from content templates. In the properties enter “Target folder”:“/pccshrcontent/TechEdNews/TechnologyNews/DatabaseAndTechnology”.

Publish the page4) Press “Done” to close the edit mode and publish the page.



88

Advanced Authoring Scenarios

Check authoring permissions1) Now let’s check the authoring permissions for your page. 2) Open the drop down menu in the tool bar and select “Authoring permissions”. 3) Check the different roles / groups / users that have access to the page and their permission level

(none; read; read/write; full control; owner)4) Optionally: Add more authors from the user base to the page by opening the edit mode. Search for users

(e.g. POP263_A*) and add your results. Save and confirm your changes.

Check version history1) As you saved various versions while editing your pages, you can now check the history.2) Open the drop down menu in the tool bar and select “Version history”. 3) You see the different versions and may restore a dedicated page version if needed.

Schedule publication for a page1) You can schedule a page to be published at a certain point in time instead of publishing it immediately.2) Add some content to the page (e.g. create or move elements) so the page status is “changed”. 3) Open the drop down menu in the tool bar and select “Scheduled publication”.

4) Enter a date and time for the publication. Planned publication date / time is current time plus 5 minutes.(Optional) Enter a date and time for the removal from runtime.Note: After removal the end users cannot access the page any longer (at runtime), but the page will stillbe available in the authoring environment for editing (during design time).

5) Press “Save” to confirm your settings.Note: Once the page is submitted it will remain in read-only mode until it has been finally published.

6) You may cancel the planned publication date, in case you would like to apply some additional changes.7) Check the page status on top of the toolbar right now and after your specified publication time.



89

Working Approval Workflow1) Open the drop down menu in the tool bar and select “Approval settings”.2) Press “Edit” and mark the check box to enable approval. 3) In the search tool, you can look for roles/groups/users that should approve changes of the page in order

to trigger the final publication.

Note: For the ease of the exercise include yourself as an approver, e.g. search for role “AreaManagement” or group “POP263” and add to the list.

4) Now you are ready to publish all the previous changes with the new information on time-basedpublication and approval workflow.

5) “Publish” the page to trigger the approval workflow.Note: An email notification is send to all relevant approvers. You can ignore it for this exercise and closethe mail item that opens automatically.

Check status of your page in the personal overview cockpit

1) The status of the page is changed accordingly.2) You also see pages that are waiting for approval in your personal overview.3) Select “Overview” in the menu bar of the staging area.4) In the section “Waiting for approval” you see pages that are “waiting for my approval”. This section might

be minimized. To see the entries expand it in the tray.5) Approve your changes: Since you are part of the approver list you can directly decide whether to

“Accept” or “Reject” the publication using the new option icons in the tool bar.6) Press the “Reject” icon to release the page for end users.

Check version history1) You may check the new entries in the version history overview of your page.

2) Select version history from the drop down menu.