Portal Arbeitskreis - 27.10.2014 IBM Digital Experience meets IBM WebSphere Commerce Stefan Koch Chief Programmer IBM Digital Experience 2013 IBM Corporation
2 2013 IBM Corporation
Integration Pattern Commerce Front-End Side-By-Side Portal Front-End User User User User WebSphere Commerce Portal Commerce Portal Aggregation WCM 2013 IBM Corporation Remote APIs + simple integration effort - Only limited XwebX Platform capabilities - no out-of-the-box functionality Page aggregation is done by WebSphere Commerce WCM content is injected into Commerce via Remote services Support for this scenario is available as a Solution Catalog deliverable + Commerce Feature Pack 7 Rendering Portlet WCM REST REST Connections + minimal product dependencies - always custom implementation User accesses either Portal or Commerce, depending which page he is looking at. Portal pages show web content & social, whereas Commerce shows shopping cart and product catalog. To some extend commerce information can be displayed on Portal pages and vice versa. The information is exchanged via REST services. Custom implementation WCM Rendering Portlet AND /OR Dedicated Portlets REST Connections Commerce (e.g. Sterling) + Leverage Full XwebX Platform - no out-of-the-box functionality Page aggregation is done by WebSphere Portal Generic WCM Rendering Portlet presents data from various sources. Commerce can be one of them. Dedicated portlets interact with various sources. Commerce can be one of them. Enabling Technology part of XwebX v8001 CF6
IBM WebSphere Commerce and IBM Digital Experience Integration Pattern Commerce Front-End Side-By-Side Portal Front-End User User User User WebSphere Commerce Portal Commerce Portal Aggregation WCM Remote APIs Rendering Portlet WCM REST REST Connections WCM Rendering Portlet ANDDedicated /OR Portlets REST Connections Commerce (e.g. Sterling) 2013 IBM Corporation
IBM WebSphere Commerce as front-end Commerce Front-End User WebSphere Commerce Page aggregation is done by IBM WebSphere Commerce WCM content is injected into UI via remote services Often seen in B2B scenarios WCM Remote APIs Support for this scenario is available as a Solution Catalog deliverable together with the Commerce FP 7 2013 IBM Corporation
IBM WebSphere Commerce as front-end WebSphere Commerce Integrator for IBM WCM Enable the store owner to leverage content stored in IBM WCM to Add related content to items to stores Pick content for emarketing spots Specifically Allows Commerce Management Center (CMC) users to link content from a WCM Authoring environment into the target commerce store Allows CMC users to edit previously linked WCM Supports live preview of WCM content that is linked into a commerce store Provides support to publish linked WCM content to commerce store Deployment to production commerce server for proper run-time site rendering 6 2013 IBM Corporation
End User Selects the Content Spot to Edit 2013 IBM Corporation 7
This Opens e-spot Editor in WCS 2013 IBM Corporation 8
Clicking on the Utilities View opens the side drawer exposing the WCM content options 2013 IBM Corporation 9
The end user can search or browse for content in WCM. Once found, they can drag and drop it in the content section 2013 IBM Corporation 10
Once embedded, clicking preview in WCS opens up the WCM authoring template 2013 IBM Corporation 11
The user would edit the item, preview and submit for any approval as required by the type of content 2013 IBM Corporation 12
Once saved and approved, the new content is visible in the e-marketing spot automatically. Subsequent updates to the WCM content are reflected in WCS automatically 2013 IBM Corporation 13
Integration Pattern User Portal Rendering Portlet Side-By-Side REST User Commerce User accesses either Portal or Commerce, depending which page he is looking at. Portal pages show web content & social, whereas Commerce shows shopping cart and product catalog To some extend commerce information can be displayed on Portal pages and vice versa. The information is exchanged via REST services. WCM REST Connections Most popular integration pattern seen in the field 2013 IBM Corporation
When to use? Existing WebSphere Portal and WebSphere Commerce installations Business requirement (or even political driven) to implement 2 different servers Sites need to be scaled separately and differently WebSphere Portal implements the B2C view WebSphere Commerce takes care of the B2B site 2013 IBM Corporation
Integration Pattern Portal Front-End User Portal Aggregation Rendering Portlet ANDDedicated /OR Portlets REST Page aggregation is done by WebSphere Portal DDC portlet consumes and transforms data from external sources, Commerce could be one of it. Dedicated portlets interact with various backends, one can be Commerce Maximum use of Digital Experience features possible WCM Connections Commerce (e.g. Sterling) 2013 IBM Corporation
IBM Digital Experience Integrating using DDC WCM based transformation from structured data into markup which fits into your digital experience No java coding skills required for for consuming and rendering the external data All artifacts are stored in WCM, so full support for workflows, projects, preview, versioning and syndication are guaranteed Generic caching infrastructure can be used to improve the data retrieval time Generic XML DDC profile out of the box available Xpath based configuratoin Configuration is done via Resource Environment providers Extensible using public API to support any data format We even have a sample which is a file system browser 2013 IBM Corporation
IBM Digital Experience Integrating using ScriptPortlet Browser based editing, with syntax-highlighting and auto-indent support Application development can be done in context of the current page Development can also be done with a standard-editor and upload to portal for testing Data access will be done with AJAX/REST services Data can come from any provider.information should be routed thru portal proxy Key portal concepts and value-add features are still available Inter-portlet-communication, Portlet preferences, Public/private render parameters, etc All application code (HTML/CDD/JS) will be stored in WCM Things like projects, workflows and syndication will work too No J2EE artifact deployment is required JS frameworks can still be used 2013 IBM Corporation
Facts on IBM WebSphere Commerce REST API IBM WebSphere Commerce REST APIs exists for all functions provided by commerce Commerce UI is fully implemented based on their REST layer With the next feature pack they claim to have headless support REST services provide JSON and XML responses Some mappings are not obvious to use, but all data is exposed Establishing a user context requires REST call (see next slide) loginidentity - Uses a user name and password to authenticate a registered user. guestidentity - Creates an identity for a guest user. ltpaidentity - Uses an LTPA token to authenticate a user. Infocenter reference http://www- 01.ibm.com/support/knowledgecenter/#!/SSZLC2_7.0.0/com.ibm.commerce.starterstores.doc/c oncepts/cwvrestapi.htm 2013 IBM Corporation
Establishing user context in IBM WebSphere Commerce Client send the authentication Request 1 Client WebSphere Commerce LTPA ltpaidentity User/PW loginidentity Guest guestidentity { } 1 2 "WCToken": "xxxxxx", "WCTrustedToken": "xxxxx", "personalizationid": "xxxxx" Server replies with a set of tokens 2 Subsequent calls need to add token information as header of the request 3 3 GET /somecommerceurl HTTP 1.1 WCToken: "xxxxxxxxxxxx" WCTrustedToken: "xxxxxxx" personalizationid: "132153-1" 2013 IBM Corporation
2013 IBM Corporation Demo
Setup the DDC profile (productview) First we start with some list identifiers # # Commerce profile definition # wc_catalog.name=ibm.portal.wc_catalog wc_catalog.beanlistproviderid=ibm.portal.ddc.xml # List Properties wc_catalog.listproperty.name=//resourcename wc_catalog.listitemselection=//cataloggroupview //CatalogEntryView 22 2013 IBM Corporation
Setup the DDC profile (productview) All xpath selectors are relative to the item selection specified on the previous slide #Item Attributes wc_catalog.itemattribute.name=./name wc_catalog.itemattribute.id=./uniqueid # this is required wc_catalog.itemattribute.uniqueid=./uniqueid wc_catalog.itemattribute.thumbnail=./thumbnail wc_catalog.itemattribute.identifier=./identifier wc_catalog.itemattribute.productsurl=./productsurl wc_catalog.itemattribute.longdescription=./longdescription wc_catalog.itemattribute.shortdescription=./shortdescription wc_catalog.itemattribute.producttype=./producttype wc_catalog.itemattribute.partnumber=./partnumber wc_catalog.itemattribute.fullimage=./fullimage wc_catalog.itemattribute.storeid=./storeid wc_catalog.itemattribute.parentcategoryid=./parentcategoryid wc_catalog.itemattribute.pricevalue=./price/pricevalue wc_catalog.itemattribute.priceusage=./price/priceusage 23 2013 IBM Corporation
Setup the DDC profile (productview) 24 2013 IBM Corporation
25 2013 IBM Corporation Backup
What did we for the OGS demo/in our ExperienceOne demo environment? Integration points IBM WebSphere Portal v8.5 SSO 1 2 3 DDC & Connections Portlets iframe Standard EMM integration 4 4 DDC, Scripting Portlet, Custom Portlet Side-by-side 1 2 3 WebSphere Commerce 7.0.0.6 Interact (EMM) IBM Connections v4.5 LDAP IBM Forms v8.5 26 2013 IBM Corporation
Legal disclaimer IBM Corporation 2013. All Rights Reserved. The information contained in this publication is provided for informational purposes only. While efforts were made to verify the completeness and accuracy of the information contained in this publication, it is provided AS IS without warranty of any kind, express or implied. In addition, this information is based on IBM s current product plans and strategy, which are subject to change by IBM without notice. IBM shall not be responsible for any damages arising out of the use of, or otherwise related to, this publication or any other materials. Nothing contained in this publication is intended to, nor shall have the effect of, creating any warranties or representations from IBM or its suppliers or licensors, or altering the terms and conditions of the applicable license agreement governing the use of IBM software. References in this presentation to IBM products, programs, or services do not imply that they will be available in all countries in which IBM operates. Product release dates and/or capabilities referenced in this presentation may change at any time at IBM s sole discretion based on market opportunities or other factors, and are not intended to be a commitment to future product or feature availability in any way. Nothing contained in these materials is intended to, nor shall have the effect of, stating or implying that any activities undertaken by you will result in any specific sales, revenue growth or other results. If the text includes any customer examples, please confirm we have prior written approval from such customer and insert the following language; otherwise delete: All customer examples described are presented as illustrations of how those customers have used IBM products and the results they may have achieved. Actual environmental costs and performance characteristics may vary by customer. Please review text for proper trademark attribution of IBM products. At first use, each product name must be the full name and include appropriate trademark symbols (e.g., IBM Lotus Sametime Unyte ). Subsequent references can drop IBM but should include the proper branding (e.g., Lotus Sametime Gateway, or WebSphere Application Server). Please refer to http://www.ibm.com/legal/copytrade.shtml for guidance on which trademarks require the or symbol. Do not use abbreviations for IBM product names in your presentation. All product names must be used as adjectives rather than nouns. Please list all of the trademarks that you use in your presentation as follows; delete any not included in your presentation.please review text for proper trademark attribution of IBM products. At first use, each product name must be the full name and include appropriate trademark symbols (e.g., IBM Lotus Sametime Unyte ). Subsequent references can drop IBM but should include the proper branding (e.g., Lotus Sametime Gateway, or WebSphere Application Server). Please refer to http://www.ibm.com/legal/copytrade.shtml for guidance on which trademarks require the or symbol. Do not use abbreviations for IBM product names in your presentation. All product names must be used as adjectives rather than nouns. Please list all of the trademarks that you use in your presentation as follows; delete any not included in your presentation. If you reference Adobe in the text, please mark the first use and include the following; otherwise delete: Adobe, the Adobe logo, PostScript, and the PostScript logo are either registered trademarks or trademarks of Adobe Systems Incorporated in the United States, and/or other countries. If you reference Java in the text, please mark the first use and include the following; otherwise delete: Java and all Java-based trademarks are trademarks of Sun Microsystems, Inc. in the United States, other countries, or both. If you reference Microsoft and/or Windows in the text, please mark the first use and include the following, as applicable; otherwise delete: Microsoft and Windows are trademarks of Microsoft Corporation in the United States, other countries, or both. If you reference Intel and/or any of the following Intel products in the text, please mark the first use and include those that you use as follows; otherwise delete: Intel, Intel Centrino, Celeron, Intel Xeon, Intel SpeedStep, Itanium, and Pentium are trademarks or registered trademarks of Intel Corporation or its subsidiaries in the United States and other countries. If you reference UNIX in the text, please mark the first use and include the following; otherwise delete: UNIX is a registered trademark of The Open Group in the United States and other countries. If you reference Linux in your presentation, please mark the first use and include the following; otherwise delete: Linux is a registered trademark of Linus Torvalds in the United States, other countries, or both. Other company, product, or service names may be trademarks or service marks of others. If the text/graphics include screenshots, no actual IBM employee names may be used (even your own), if your screenshots include fictitious company names (e.g., Renovations, Zeta Bank, Acme) please update and insert the following; otherwise delete: All references to [insert fictitious company name] refer to a fictitious company and are used for illustration purposes only. 27 2013 IBM Corporation