43
How to build a company-wide intranet or extranet using Web Page Composer Successfully! Richa Roy Net Weaver Solution Advisor ProSoft Cyberworld Group Tel:(732)579-7406| Email: [email protected] SAP Services Partner|SAP Gold Partner|SAP-XI Strategic Delivery Partner for major accounts 2001 Butterfield Rd, Suite 305, Downers Grove, IL, 60515| www.prosoftCyberworld.com

Web Page Composer Webinar

Embed Size (px)

DESCRIPTION

This document talks about SAP Web Page Composer, basic information related to the same.

Citation preview

Page 1: Web Page Composer Webinar

How to build a company-wide intranet or extranet using Web Page Composer Successfully!

Richa Roy

Net Weaver Solution Advisor

ProSoft Cyberworld Group

Tel:(732)579-7406| Email: [email protected] Services Partner|SAP Gold Partner|SAP-XI Strategic Delivery Partner for major accounts

2001 Butterfield Rd, Suite 305, Downers Grove, IL, 60515| www.prosoftCyberworld.com

Page 2: Web Page Composer Webinar

ProSoft Portal Practice – Education /TrainingProSoft Portal Practice – Education /Training

Web Content Management System

• Wikipedia definition – A web content management (WCM) system is a

CMS designed to simplify the publication of Web content to Web sites, in particular allowing content creators to submit content without requiring technical knowledge of HTML or the uploading of files.

Page 3: Web Page Composer Webinar

ProSoft Portal Practice – Education /TrainingProSoft Portal Practice – Education /Training

Why Web Page Composer

Challenges and Gaps • No Web Content Management tool in SAP

– Organizations want to build and operate an intranet or extranet offering content, services and applications on one reliable and robust platform

• Too much IT dependency when creating portal content – Business users should be able to provide web content without the

involvement of IT but following certain Governance rules and security policies.

Advantages of Web Page Composer• WPC allows business users to create and publish web content and

web pages into the Portal.

• Easy delegation of management and non-technical administration of web sites to Business Users.

Page 4: Web Page Composer Webinar

ProSoft Portal Practice – Education /TrainingProSoft Portal Practice – Education /Training

Benefits of Web Page Composer - For SAP Customers

• Leverages standard capabilities of SAP NetWeaver – Web Pages managed and stored by Knowledge Management – Page building and rendering is done by the Portal

• Can be extended • Can be customized

– Create custom page layouts

Page 5: Web Page Composer Webinar

ProSoft Portal Practice – Education /TrainingProSoft Portal Practice – Education /Training

Key Capabilities of Web Page Composer

• Easy authoring of web pages and content • Search for content in navigation context

• News, single paragraph of the article • Indexing by external search engines

• Textual content rendered in plain HTML can be indexed by external search engine

• Approval and versioning on page level • Consistent look and feel of theme and content

• Similar template • Lightweight, single- frame portal page

• One single content frame• Browser navigation and bookmarks

• Each page has it’s unique URL • Web sites well integrated into portal roles

• Portal role model

Page 6: Web Page Composer Webinar

ProSoft Portal Practice – Education /TrainingProSoft Portal Practice – Education /Training

Availability and Support

• Availability – Available as of Q3 2007 in unrestricted shipment – Multiple language support (http://service.sap.com/pam)– Included in SAP NetWeaver or SAP Business Suite License

• Prerequisites – Based on SAP NetWeaver 7.0 support package 13 or higher– SAP NetWeaver Portal with Knowledge Management – Separate WPC deployment package for each SPS of SAP

NW 7.0 starting SPS 13 – Download deployment package from service market place (

http://service.sap.com), delivered as SCA file.

Page 7: Web Page Composer Webinar

ProSoft Portal Practice – Education /TrainingProSoft Portal Practice – Education /Training

Web Page Composer – Actors

Site Administrator

Author Editor

Visitor

Web Page Composer

Page 8: Web Page Composer Webinar

ProSoft Portal Practice – Education /TrainingProSoft Portal Practice – Education /Training

Web Page Composer - Site Administrator & Visitor

• Site administrator– Assigns authors and editors – Maintain navigation structure – Manage site content

• Visitor – Browse web pages, read articles,

use web applications, search for content etc

Site Administrator

Visitor

Page 9: Web Page Composer Webinar

ProSoft Portal Practice – Education /TrainingProSoft Portal Practice – Education /Training

Web Page Composer - Author & Editor

Author

• Author – Write /update features, articles, news,

HTML documents etc

• Editor – Build New Pages, update pages

(content, layout, styles) publish or remove pages

Editor

Page 10: Web Page Composer Webinar

ProSoft Portal Practice – Education /TrainingProSoft Portal Practice – Education /Training

Runtime - RSS Mode

Page 11: Web Page Composer Webinar

ProSoft Portal Practice – Education /TrainingProSoft Portal Practice – Education /Training

Runtime - RSS Mode …contd

Page 12: Web Page Composer Webinar

ProSoft Portal Practice – Education /TrainingProSoft Portal Practice – Education /Training

Runtime - Email

Page 13: Web Page Composer Webinar

ProSoft Portal Practice – Education /TrainingProSoft Portal Practice – Education /Training

Runtime - Email …contd

Page 14: Web Page Composer Webinar

ProSoft Portal Practice – Education /TrainingProSoft Portal Practice – Education /Training

Runtime - Print

Page 15: Web Page Composer Webinar

ProSoft Portal Practice – Education /TrainingProSoft Portal Practice – Education /Training

Runtime - Print ..contd

Page 16: Web Page Composer Webinar

ProSoft Portal Practice – Education /TrainingProSoft Portal Practice – Education /Training

Runtime - Add to favorite

Page 17: Web Page Composer Webinar

ProSoft Portal Practice – Education /TrainingProSoft Portal Practice – Education /Training

Runtime - Add to favorite ..contd

Page 18: Web Page Composer Webinar

ProSoft Portal Practice – Education /TrainingProSoft Portal Practice – Education /Training

Runtime - Search within the context

Page 19: Web Page Composer Webinar

ProSoft Portal Practice – Education /TrainingProSoft Portal Practice – Education /Training

Runtime - Search wihtin the context ..contd

Page 20: Web Page Composer Webinar

ProSoft Portal Practice – Education /TrainingProSoft Portal Practice – Education /Training

Runtime - Search within the context ..contd

Page 21: Web Page Composer Webinar

ProSoft Portal Practice – Education /TrainingProSoft Portal Practice – Education /Training

Page Edition - Inline

Page 22: Web Page Composer Webinar

ProSoft Portal Practice – Education /TrainingProSoft Portal Practice – Education /Training

Page Editing - Inline

Page 23: Web Page Composer Webinar

ProSoft Portal Practice – Education /TrainingProSoft Portal Practice – Education /Training

Page Editing - Edit Content

Page 24: Web Page Composer Webinar

ProSoft Portal Practice – Education /TrainingProSoft Portal Practice – Education /Training

Page Editing - Edit Content..contd

Page 25: Web Page Composer Webinar

ProSoft Portal Practice – Education /TrainingProSoft Portal Practice – Education /Training

Page Editing - Add Content

Page 26: Web Page Composer Webinar

ProSoft Portal Practice – Education /TrainingProSoft Portal Practice – Education /Training

Page Editing - Add Content ..contd

Page 27: Web Page Composer Webinar

ProSoft Portal Practice – Education /TrainingProSoft Portal Practice – Education /Training

Page Editing - Add Content ..contd

Page 28: Web Page Composer Webinar

ProSoft Portal Practice – Education /TrainingProSoft Portal Practice – Education /Training

Page Editing - Add Content ..contd

Page 29: Web Page Composer Webinar

ProSoft Portal Practice – Education /TrainingProSoft Portal Practice – Education /Training

Page Editing - Add Content ..contd

Page 30: Web Page Composer Webinar

ProSoft Portal Practice – Education /TrainingProSoft Portal Practice – Education /Training

Page Editing - Add Content ..contd

Page 31: Web Page Composer Webinar

ProSoft Portal Practice – Education /TrainingProSoft Portal Practice – Education /Training

Page Editing - Add Content ..contd

Page 32: Web Page Composer Webinar

ProSoft Portal Practice – Education /TrainingProSoft Portal Practice – Education /Training

Page Editing - Add Content ..contd

Page 33: Web Page Composer Webinar

ProSoft Portal Practice – Education /TrainingProSoft Portal Practice – Education /Training

Page Editing - Add Content ..contd

Page 34: Web Page Composer Webinar

ProSoft Portal Practice – Education /TrainingProSoft Portal Practice – Education /Training

WPC Design Time – XML Editor I

• XML Editor with flexible document structures (i.e. additional elements can be added to a basic document structure)

• Document definitions based on XML schemas – new document types can be added via configuration

• Complete separations of content, layout and style.

• Automatic Document extraction i.e. the conversion of editor and KM Resources into new documents for publishing (e.g. the extraction of a document synopsis from an article). API for customer development of extraction algorithms.

Page 35: Web Page Composer Webinar

ProSoft Portal Practice – Education /TrainingProSoft Portal Practice – Education /Training

WPC Design Time – XML Editor II

Page 36: Web Page Composer Webinar

ProSoft Portal Practice – Education /TrainingProSoft Portal Practice – Education /Training

WPC Design Time - Page Editor I

• Dedicated roles for different types of Web Content Life Cycle (Author, Approver, Publisher, etc).

• Publishing, versioning and approval on page level – integrated into standard KM versioning and approval processes.

• Flexible and configurable page templates.

• Rule based design – customizable rules define which content types can be added to which container

• WYSIWYG editor with drag-and-drop support.

• In-Place editing from the end-user perspective.

• Staging for pages.

Page 37: Web Page Composer Webinar

ProSoft Portal Practice – Education /TrainingProSoft Portal Practice – Education /Training

WPC Design Time - Page Editor II

Page 38: Web Page Composer Webinar

ProSoft Portal Practice – Education /TrainingProSoft Portal Practice – Education /Training

WPC Design Time - Custom Layout I

Build Page Layout

Create Portal Objects

Create KM Configuration

Link Containers to

the iview

Page 39: Web Page Composer Webinar

ProSoft Portal Practice – Education /TrainingProSoft Portal Practice – Education /Training

WPC Design Time - Custom Layout I

WPC Web Page Layout

Container

Content

Layout Group

Page Layout Group

Default Layout Group

Header Layout Group

ContaineriViews

PAR file

JSP File

Layout Template

Page 40: Web Page Composer Webinar

ProSoft Portal Practice – Education /TrainingProSoft Portal Practice – Education /Training

Tiny MCE Editor - by Moxicode System AB

QuickTime™ and a decompressor

are needed to see this picture.

Page 41: Web Page Composer Webinar

ProSoft Portal Practice – Education /TrainingProSoft Portal Practice – Education /Training

Web Page Composer - Runtime

• High Performance, lightweight, single-framed rendering of content (light desktop/framework page concept)

• Consistent navigation using short URLs or GUID RIDs (navigation context for browser navigation, bookmarks, search results, etc.)

• Pages are Indexable by external search engines like Google, Yahoo.

• Provides textual as well as application content• Offers page content in multiple formats (e.g.HTML,

XML, RSS, print-optimized version)• Runtime integration of external RSS resources• Support Firefox, IE, Opera only.

Page 42: Web Page Composer Webinar

ProSoft Portal Practice – Education /TrainingProSoft Portal Practice – Education /Training

Web Page Composer Summary

Page 43: Web Page Composer Webinar

ProSoft Portal Practice – Education /TrainingProSoft Portal Practice – Education /Training

References

• http://sdn.sap.com– Tour of Web Page Compsoer (eBook)

– Introduction of Web Page Composer (eBook)

• http://service.sap.com