1. 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: richa.roy@prosoftcyberworld.com
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
2. 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.
ProSoft Portal Practice – Education /Training
3. 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.
ProSoft Portal Practice – Education /Training
4. 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
ProSoft Portal Practice – Education /Training
5. 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
ProSoft Portal Practice – Education /Training
6. 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.
ProSoft Portal Practice – Education /Training
7. Web Page Composer – Actors
Site Administrator Visitor
Web Page Composer
Author Editor
ProSoft Portal Practice – Education /Training
8. Web Page Composer - Site Administrator & Visitor
• Site administrator
– Assigns authors and editors
– Maintain navigation structure
– Manage site content
Site Administrator
• Visitor
– Browse web pages, read articles,
use web applications, search for
content etc
Visitor
ProSoft Portal Practice – Education /Training
9. Web Page Composer - Author & Editor
• Author
– Write /update features, articles, news,
HTML documents etc
Author
• Editor
– Build New Pages, update pages
(content, layout, styles) publish or
remove pages
Editor
ProSoft Portal Practice – Education /Training
34. 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.
ProSoft Portal Practice – Education /Training
35. WPC Design Time – XML Editor II
ProSoft Portal Practice – Education /Training
36. 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.
ProSoft Portal Practice – Education /Training
37. WPC Design Time - Page Editor II
ProSoft Portal Practice – Education /Training
38. WPC Design Time - Custom Layout I
Build Page Create Portal Link
Create KM
Layout Objects Containers to
Configuration
the iview
ProSoft Portal Practice – Education /Training
39. WPC Design Time - Custom Layout I
Layout
Group
Default Header
Page Layout
Layout Layout
Group
Group Group
Layout WPC Web Page Content
Layout
Template Container
PAR file Container
iViews
JSP File
ProSoft Portal Practice – Education /Training
40. Tiny MCE Editor - by Moxicode System AB
QuickTime™ and a
decompressor
are needed to see this picture.
ProSoft Portal Practice – Education /Training
41. 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.
ProSoft Portal Practice – Education /Training
42. Web Page Composer Summary
ProSoft Portal Practice – Education /Training
43. References
• http://sdn.sap.com
– Tour of Web Page Compsoer (eBook)
– Introduction of Web Page Composer (eBook)
• http://service.sap.com
ProSoft Portal Practice – Education /Training