Upload
richaroy
View
3.918
Download
2
Embed Size (px)
DESCRIPTION
This document talks about SAP Web Page Composer, basic information related to the same.
Citation preview
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
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.
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.
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
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
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.
ProSoft Portal Practice – Education /TrainingProSoft Portal Practice – Education /Training
Web Page Composer – Actors
Site Administrator
Author Editor
Visitor
Web Page Composer
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
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
ProSoft Portal Practice – Education /TrainingProSoft Portal Practice – Education /Training
Runtime - RSS Mode
ProSoft Portal Practice – Education /TrainingProSoft Portal Practice – Education /Training
Runtime - RSS Mode …contd
ProSoft Portal Practice – Education /TrainingProSoft Portal Practice – Education /Training
Runtime - Email
ProSoft Portal Practice – Education /TrainingProSoft Portal Practice – Education /Training
Runtime - Email …contd
ProSoft Portal Practice – Education /TrainingProSoft Portal Practice – Education /Training
Runtime - Print
ProSoft Portal Practice – Education /TrainingProSoft Portal Practice – Education /Training
Runtime - Print ..contd
ProSoft Portal Practice – Education /TrainingProSoft Portal Practice – Education /Training
Runtime - Add to favorite
ProSoft Portal Practice – Education /TrainingProSoft Portal Practice – Education /Training
Runtime - Add to favorite ..contd
ProSoft Portal Practice – Education /TrainingProSoft Portal Practice – Education /Training
Runtime - Search within the context
ProSoft Portal Practice – Education /TrainingProSoft Portal Practice – Education /Training
Runtime - Search wihtin the context ..contd
ProSoft Portal Practice – Education /TrainingProSoft Portal Practice – Education /Training
Runtime - Search within the context ..contd
ProSoft Portal Practice – Education /TrainingProSoft Portal Practice – Education /Training
Page Edition - Inline
ProSoft Portal Practice – Education /TrainingProSoft Portal Practice – Education /Training
Page Editing - Inline
ProSoft Portal Practice – Education /TrainingProSoft Portal Practice – Education /Training
Page Editing - Edit Content
ProSoft Portal Practice – Education /TrainingProSoft Portal Practice – Education /Training
Page Editing - Edit Content..contd
ProSoft Portal Practice – Education /TrainingProSoft Portal Practice – Education /Training
Page Editing - Add Content
ProSoft Portal Practice – Education /TrainingProSoft Portal Practice – Education /Training
Page Editing - Add Content ..contd
ProSoft Portal Practice – Education /TrainingProSoft Portal Practice – Education /Training
Page Editing - Add Content ..contd
ProSoft Portal Practice – Education /TrainingProSoft Portal Practice – Education /Training
Page Editing - Add Content ..contd
ProSoft Portal Practice – Education /TrainingProSoft Portal Practice – Education /Training
Page Editing - Add Content ..contd
ProSoft Portal Practice – Education /TrainingProSoft Portal Practice – Education /Training
Page Editing - Add Content ..contd
ProSoft Portal Practice – Education /TrainingProSoft Portal Practice – Education /Training
Page Editing - Add Content ..contd
ProSoft Portal Practice – Education /TrainingProSoft Portal Practice – Education /Training
Page Editing - Add Content ..contd
ProSoft Portal Practice – Education /TrainingProSoft Portal Practice – Education /Training
Page Editing - Add Content ..contd
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.
ProSoft Portal Practice – Education /TrainingProSoft Portal Practice – Education /Training
WPC Design Time – XML Editor II
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.
ProSoft Portal Practice – Education /TrainingProSoft Portal Practice – Education /Training
WPC Design Time - Page Editor II
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
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
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.
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.
ProSoft Portal Practice – Education /TrainingProSoft Portal Practice – Education /Training
Web Page Composer Summary
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