Web Page Composer Webinar

4,569 views

Published on

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

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
4,569
On SlideShare
0
From Embeds
0
Number of Embeds
17
Actions
Shares
0
Downloads
16
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Web Page Composer Webinar

  1. 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. 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. 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. 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. 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. 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. 7. Web Page Composer – Actors Site Administrator Visitor Web Page Composer Author Editor ProSoft Portal Practice – Education /Training
  8. 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. 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. 10. Runtime - RSS Mode ProSoft Portal Practice – Education /Training
  11. 11. Runtime - RSS Mode …contd ProSoft Portal Practice – Education /Training
  12. 12. Runtime - Email ProSoft Portal Practice – Education /Training
  13. 13. Runtime - Email …contd ProSoft Portal Practice – Education /Training
  14. 14. Runtime - Print ProSoft Portal Practice – Education /Training
  15. 15. Runtime - Print ..contd ProSoft Portal Practice – Education /Training
  16. 16. Runtime - Add to favorite ProSoft Portal Practice – Education /Training
  17. 17. Runtime - Add to favorite ..contd ProSoft Portal Practice – Education /Training
  18. 18. Runtime - Search within the context ProSoft Portal Practice – Education /Training
  19. 19. Runtime - Search wihtin the context ..contd ProSoft Portal Practice – Education /Training
  20. 20. Runtime - Search within the context ..contd ProSoft Portal Practice – Education /Training
  21. 21. Page Edition - Inline ProSoft Portal Practice – Education /Training
  22. 22. Page Editing - Inline ProSoft Portal Practice – Education /Training
  23. 23. Page Editing - Edit Content ProSoft Portal Practice – Education /Training
  24. 24. Page Editing - Edit Content..contd ProSoft Portal Practice – Education /Training
  25. 25. Page Editing - Add Content ProSoft Portal Practice – Education /Training
  26. 26. Page Editing - Add Content ..contd ProSoft Portal Practice – Education /Training
  27. 27. Page Editing - Add Content ..contd ProSoft Portal Practice – Education /Training
  28. 28. Page Editing - Add Content ..contd ProSoft Portal Practice – Education /Training
  29. 29. Page Editing - Add Content ..contd ProSoft Portal Practice – Education /Training
  30. 30. Page Editing - Add Content ..contd ProSoft Portal Practice – Education /Training
  31. 31. Page Editing - Add Content ..contd ProSoft Portal Practice – Education /Training
  32. 32. Page Editing - Add Content ..contd ProSoft Portal Practice – Education /Training
  33. 33. Page Editing - Add Content ..contd ProSoft Portal Practice – Education /Training
  34. 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. 35. WPC Design Time – XML Editor II ProSoft Portal Practice – Education /Training
  36. 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. 37. WPC Design Time - Page Editor II ProSoft Portal Practice – Education /Training
  38. 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. 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. 40. Tiny MCE Editor - by Moxicode System AB QuickTime™ and a decompressor are needed to see this picture. ProSoft Portal Practice – Education /Training
  41. 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. 42. Web Page Composer Summary ProSoft Portal Practice – Education /Training
  43. 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

×