Web Page Composer is a web content management system within SAP NetWeaver that allows business users to create and publish web content without technical knowledge of HTML. It provides capabilities for easy authoring, search, indexing by search engines, approval workflows, consistent branding, and integration with SAP roles and security. The system leverages standard SAP NetWeaver capabilities for storage and rendering and can be customized and extended. It provides a simplified way for non-technical users to manage web content while maintaining governance rules.

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

10. Runtime - RSS Mode
ProSoft Portal Practice – Education /Training

11. Runtime - RSS Mode …contd
ProSoft Portal Practice – Education /Training

12. Runtime - Email
ProSoft Portal Practice – Education /Training

13. Runtime - Email …contd
ProSoft Portal Practice – Education /Training

14. Runtime - Print
ProSoft Portal Practice – Education /Training

15. Runtime - Print ..contd
ProSoft Portal Practice – Education /Training

16. Runtime - Add to favorite
ProSoft Portal Practice – Education /Training

17. Runtime - Add to favorite ..contd
ProSoft Portal Practice – Education /Training

18. Runtime - Search within the context
ProSoft Portal Practice – Education /Training

19. Runtime - Search wihtin the context ..contd
ProSoft Portal Practice – Education /Training

20. Runtime - Search within the context ..contd
ProSoft Portal Practice – Education /Training

21. Page Edition - Inline
ProSoft Portal Practice – Education /Training

22. Page Editing - Inline
ProSoft Portal Practice – Education /Training

23. Page Editing - Edit Content
ProSoft Portal Practice – Education /Training

24. Page Editing - Edit Content..contd
ProSoft Portal Practice – Education /Training

25. Page Editing - Add Content
ProSoft Portal Practice – Education /Training

26. Page Editing - Add Content ..contd
ProSoft Portal Practice – Education /Training

27. Page Editing - Add Content ..contd
ProSoft Portal Practice – Education /Training

28. Page Editing - Add Content ..contd
ProSoft Portal Practice – Education /Training

29. Page Editing - Add Content ..contd
ProSoft Portal Practice – Education /Training

30. Page Editing - Add Content ..contd
ProSoft Portal Practice – Education /Training

31. Page Editing - Add Content ..contd
ProSoft Portal Practice – Education /Training

32. Page Editing - Add Content ..contd
ProSoft Portal Practice – Education /Training

33. Page Editing - Add Content ..contd
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