Unveiling the Tech Salsa of LAMs with Janus in Real-Time Applications
Ti 1217 extend and surround your Adobe DX solutions with IBM Software
1. Make
Every
Moment
Count
2016ConnectThe Premier Social Business and Digital Experience Conference
#ibmconnect
Extend and Surround your Adobe
Digital Marketing Implementations
with IBM Software
Heiko Voigt, Patrick Heinzelmann - February 2nd 2016
3. 2016ConnectThe Premier Social Business and Digital Experience Conference
MakeEveryMomentCount
About us
Heiko Voigt
• CEO of SIT GmbH & Harbour Light Software Development Ltd.
• Project Manager, Key Acounting
• Software Developer (Java, IBM Connections, XPages)
• hvoigt@sit.de
Patrick Heinzelmann
• CEO of antegma GmbH
• Software Architect
• Software Developer (Java, Adobe Software)
• patrick.heinzelmann@antegma.com
5. 2016ConnectThe Premier Social Business and Digital Experience Conference
MakeEveryMomentCount
Setting the Context – Adobe DX Software (1)
Hybrid Solution, some Components can run On-Prem and
in the Cloud a couple are Cloud only !
Digital
Analytics
Customer
segment
Mgmt.
Campaign
Mgmt.
Advertising-
optimization
TV-
Platform
Social Media
Mgmt. &
Analytics
Content
Personali-
zation
Content
Mgmt.
6. 2016ConnectThe Premier Social Business and Digital Experience Conference
MakeEveryMomentCount
Setting the Context – Adobe DX Software (2)
Digital
Analytics
Customer-
segment Mgmt.
Campaign
Mgmt.
Advertising-
optimization
TV-
Plattform
Social Media
Mgmt. &
Analytics
Content
Personalization
Multi Site Mgmt.
(MSM),
Website Creation,
Templates &
Components
Digital Asset
Management
(Pictures, Videos,
Docuemnts and
mehr.)
Development
Platform for
mobile Apps
Forms, Documents
and Workflows
Social Logins and User
generated Content like
in Blogs or Forums
Content
Mgmt.
Our
Focus
Today !
7. 2016ConnectThe Premier Social Business and Digital Experience Conference
MakeEveryMomentCount
Setting the Context – Adobe DX Software (3)
Adobe Experience Manager – Simplified Architectural Chart
9. 2016ConnectThe Premier Social Business and Digital Experience Conference
MakeEveryMomentCount
Why IBM Software and Adobe DX ?
Commerce
Social
Intranet
Security
B2C / B2B
Portals
• Adobe only offers some non-integrated Social Media
Components for Social Intranet Solutions
• No true Enterprise Social Networks
(IBM Connections to the rescue!)
• No Mailing and Calendaring (IBM Domino Personal
Information Management closes this gap)
• Adobe does not offer its own E-Commerce solution.
They mostly partner with Hybris and Elastic Path.
IBM WebSphere Commerce is a great product in that space
• 3rd Party Integrations are lacking out-of-the-box
authentication/authorization solutions. IBM Security
products can fill this gap nicely (Directory Integrator, Access
Manager, Federated Identity Manager, etc.).
10. 2016ConnectThe Premier Social Business and Digital Experience Conference
MakeEveryMomentCount
Integration Patterns with IBM Software
DMZ
Two Types Of Integration Components:
• Runtime Components for End-Users on Publisher Level
• Authoring Components for Content Authors on Author Level
DispatchDispatch
Publish Publish Publish
IBM
WebSphere
Commerce
IBM
Connections
IBM Domino
Author
11. 2016ConnectThe Premier Social Business and Digital Experience Conference
MakeEveryMomentCount
Integration Goals
Integration Goals and best practice:
1) Lightweight Data Travel – JSON/XML Data Formats
2) Loosely coupled systems – REST APIs
3) Extendable and Expandable:
• De-Couple APIs and UI Components on all Layers
• Normalize & Standardize AEM Component APIs in JavaScript
• Normalize APIs to Support Cross-Version compatibilty
• Multi-Tenant Support
12. 2016ConnectThe Premier Social Business and Digital Experience Conference
MakeEveryMomentCount
A General Component Architecture
AEM Component
Component Business Logic
(Java Bean / Sling Models)
JSON REST API
(Servlet)
Internal Service Layer
UI Component View
(JSP / Sightly)
JavaScript Library for UI Component
JavaScript Library
for REST API
13. 2016ConnectThe Premier Social Business and Digital Experience Conference
MakeEveryMomentCount
Component Architecture for IBM Connections
AEM Component
UI Layer
Internal Service Layer
REST API LayerSSO
Communities
IBM Connections
Activity Streams
File SharingBlogs, Forums, Wikis
Social Analytics
Liking, Following,
Bookmarks
Collaborative Editing
Expertise Locating
REST
API
Profiles
Identity Provider
Login STS
Workflow
14. 2016ConnectThe Premier Social Business and Digital Experience Conference
MakeEveryMomentCount
Authentication/Authorization and Security
Adobe Experience
Manager
Content
Content
Content
External User
Repository
ID Token
3rd Party Systems (IBM
WebSphere Commerce,
IBM Connections, IBM
Domino, SAP, Oracle,
Cloud, On-Prem,…)
Internal IDP
Internal User
Repository
Web User
Register /
Authenticate
IDP
Validation
Web Services /
REST
HOW ?
15. 2016ConnectThe Premier Social Business and Digital Experience Conference
MakeEveryMomentCount
Solution: Secure Token Service (STS)
Adobe Experience Manager
Content
Content
Content
OAuth 2
SAML 2.0
LTPA
Custom
External User
Repository
STS API
ID Token
3rd Party Systems (IBM
WebSphere Commerce, IBM
Connec:ons, IBM Domino, SAP,
Oracle, Cloud, On-Prem,…)
Internal IDP
Internal User
Repository
Web User
Register /
Authenticate
IDP, IBM FIM
Validation
Web Services /
REST
16. 2016ConnectThe Premier Social Business and Digital Experience Conference
MakeEveryMomentCount
Reference Implementation: IBM Security
Access Manager
IBM Security
Access Manager
● Authentication
● Authorization
● Single Sign-on
● Federation
● Risk-based Access
● Application Protection
EmployeesConsumers Partners and
Contractors
Cloud
Workloads
SaaS
Applications
Enterprise
Applications
17. 2016ConnectThe Premier Social Business and Digital Experience Conference
MakeEveryMomentCount
Why a Secure Token Service ?
• Registration / Authentication / Authorization Solution
• Supports Multiple Token Formats
• Supports Multiple parallel Endpoints
• No Client Software necessary
• We have been able to deliver a Java API for STS
Interactions in the Service Layer inside AEM
19. 2016ConnectThe Premier Social Business and Digital Experience Conference
MakeEveryMomentCount
Use Cases
IBM
WebSphere
Commerce
IBM
Connections
IBM
Domino
IBM
Security
Social
Intranet
Social Portal /
Social Selling
Commerce
Sites
IBM Security
Solutions
IBM Domino IBM Connections
IBM WebSphere
Commerce
21. 2016ConnectThe Premier Social Business and Digital Experience Conference
MakeEveryMomentCount
Demo – Social Intranet User Journey
Customer
Internal
Users
Link to files
Login
Personal
Dashboard
Community
Forum
Forum
Question
Forum
Response
Files
Mail & Calendar
IBM Security
IBM Connections (Cloud)
IBM Domino
22. 2016ConnectThe Premier Social Business and Digital Experience Conference
MakeEveryMomentCount
Social Intranet @ Lufthansa !
eBase
Intranet based on
Adobe AEM
eTeaming
Social Platform based on
IBM Connections
Realtime
Integration
23. 2016ConnectThe Premier Social Business and Digital Experience Conference
MakeEveryMomentCount
Social Intranet @ Lufthansa - First Use Case
eBase
Intranet based on
Adobe AEM
eTeaming
Social Platform based on
IBM Connections
Realtime
Integration
Blog
Intranet Articles
• Lorem ipsum
• Lorem ipsum
• Lorem ipsum
• Lorem ipsum
Comments, Liking, @Mentions
• Lorem ipsum
• Lorem ipsum
• Lorem ipsum
• Lorem ipsum
Blog-
Post
Blog-
PostBlog-
Post
Comments
AEM
Workflow
News
Channel
24. 2016ConnectThe Premier Social Business and Digital Experience Conference
MakeEveryMomentCount
Social Intranet @ Lufthansa – 2nd Use Case:
Touchpoint integration
eBase
Intranet based on
Adobe AEM
eTeaming
Social Platform based on
IBM Connections
ProfileRepo
Guideline
Documents
Version #
Profile
Extension
Version #
Version #Cache
13 2
26. 2016ConnectThe Premier Social Business and Digital Experience Conference
MakeEveryMomentCount
Specials: Link handling using a component
registry
AEM Component
Component Business Logic
(Java Bean)
JSON REST API
(Servlet)
Internal Service Layer
UI Component View
(JSP)
JavaScript Library for UI Component
JavaScript Library
for REST API
Component Registry for
Connections components
URL Rewriting Service
27. 2016ConnectThe Premier Social Business and Digital Experience Conference
MakeEveryMomentCount
Streamlining the API differences
AEM Component
Component Business Logic
(Java Bean)
JSON REST API
(Servlet)
Internal Service Layer
UI Component View
(JSP)
JavaScript Library for UI Component
JavaScript Library
for REST API
Sample:
Commenting
function
Target parser
WIKI API BLOG API Forum API
28. 2016ConnectThe Premier Social Business and Digital Experience Conference
MakeEveryMomentCount
RichText Transfer from/to IBM Connections
AEM Component
Component Business Logic
(Java Bean)
JSON REST API
(Servlet)
Internal Service Layer
UI Component View
(JSP)
JavaScript Library for UI Component
JavaScript Library
for REST API
CK-Editor Extensions
Proxy components for
Files and Pictures
30. 2016ConnectThe Premier Social Business and Digital Experience Conference
MakeEveryMomentCount
The Software Architecture for M&C Integration
Frontend
Framework
Mail
Comp
Cal.
Comp
Other
Comp.
Java
Script
API
Mail
Srvc.
Cal.
Srvc.
Other
Srvc.
Java
Backend
API
REST API
IBM
Domino
IBM
Verse*
REST
REST
STS
Other
VendorsREST
* = in Development
Portable, requires a
Java runtime
environment
Client Side rendering by JS, portable to any
JEE Portal, Adobe AEM, etc...
31. 2016ConnectThe Premier Social Business and Digital Experience Conference
MakeEveryMomentCount
The Mail Interface rendering Domino Mail
Responsive Design
Folder support
Fulltext Search
32. 2016ConnectThe Premier Social Business and Digital Experience Conference
MakeEveryMomentCount
Create/Edit Mail
RichText Editor can
be changed to desired Editor
Type-Ahead
33. 2016ConnectThe Premier Social Business and Digital Experience Conference
MakeEveryMomentCount
Calendaring Interface with Domino Calendar
Calendar Controls
can be changed to desired
JavaScript Controls
34. 2016ConnectThe Premier Social Business and Digital Experience Conference
MakeEveryMomentCount
Calendaring Interface with Domino Calendar
Responsive Layout
Drag & Drop Support
36. 2016ConnectThe Premier Social Business and Digital Experience Conference
MakeEveryMomentCount
IBM WebSphere Commerce Integration with Adobe
eCommerce Framework
AEM Component
UI Layer
Internal Service Layer
REST API LayerSSO
Workflow
• The basic Adobe Framework
only supports a subset of IBM
WebSphere Commerce
Features & Functions
• We add Additional components
using our own framework
+
IBM WebSphere Commerce
We integrate here
Commerce Framework
37. 2016ConnectThe Premier Social Business and Digital Experience Conference
MakeEveryMomentCount
cq:commerceProvider = wcs
CommerceService commerceService =
resource.adaptTo(CommerceService.class);
CommerceSession session =
commerceService.login(slingRequest, slingResponse);
Product baseProduct =
resource.adaptTo(Product.class);
2
3
1
GeoImpl
(geometrix)
hybrisImpl
(hybris)
wcsImpl
(IBM WebSphere
Commerce)
Site Component
OSGi Container
A Closer Look at the Commerce Integration
38. 2016ConnectThe Premier Social Business and Digital Experience Conference
MakeEveryMomentCount
WebSphere Commerce Integration –
Imports vs. REST-APIs
Product Information and Variations
get imported into the AEM Repository
using importer scripts.
Cart, pricing, availabilty, inventory, etc. are live data
coming via REST APIs of
IBM WebSphere Commerce.
40. 2016ConnectThe Premier Social Business and Digital Experience Conference
MakeEveryMomentCount
A couple of things to take home...
• IBM Software can add significant value to Adobe Digital Marketing
Solutions !
• The integration patterns we deliver make it easy to start quickly and deliver
stunning results in little time.
• You can decide on the look & feel of your collaboration tools as well as
extending features & functions on all API levels. You can even change the
front end frameworks !
• Our approach supports several versions in multi tenant enviroments and
hybrid deployments:
• Adobe CQ5/AEM from Version 5.3 onwards
• IBM Connections from Version 4.5 onwards and IBM Domino from Version 8.5.3 onwards
• We support IBM Connections Cloud, IBM WebSphere Commerce Cloud and hybrid
deployments
41. 2016ConnectThe Premier Social Business and Digital Experience Conference
MakeEveryMomentCount
Finally, our take on the Coginitive Era...
Analytics shows,
that your Presentation gets a
better rating,
if there‘s a picture of a cat in it.
Now, you guys don‘t want to
mess with Watson, eh ?!
Please fill out your evaluations !
87%
Felix, my neighbours cat.
43. 2016ConnectThe Premier Social Business and Digital Experience Conference
MakeEveryMomentCount
Acknowledgements and Disclaimers
Availability. 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.
The workshops, sessions and materials have been prepared by IBM or the session speakers and reflect their own views. They are provided for informational
purposes only, and are neither intended to, nor shall have the effect of being, legal or other guidance or advice to any participant. While efforts were made to
verify the completeness and accuracy of the information contained in this presentation, it is provided AS-IS without warranty of any kind, express or implied. IBM
shall not be responsible for any damages arising out of the use of, or otherwise related to, this presentation or any other materials. Nothing contained in this
presentation 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.
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. 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.