Please Note:
IBM’s statements regarding its plans, directions, and intent are subject to change or withdrawal without
notice at IBM’s sole discretion.
Information regarding potential future products is intended to outline our general product direction and it
should not be relied on in making a purchasing decision.
The information mentioned regarding potential future products is not a commitment, promise, or legal
obligation to deliver any material, code or functionality. Information about potential future products may not
be incorporated into any contract.
The development, release, and timing of any future features or functionality described for our products
remains at our sole discretion.
Performance is based on measurements and projections using standard IBM benchmarks in a controlled
environment. The actual throughput or performance that any user will experience will vary depending upon
many factors, including considerations such as the amount of multiprogramming in the user’s job stream,
the I/O configuration, the storage configuration, and the workload processed. Therefore, no assurance can
be given that an individual user will achieve results similar to those stated here.
© 2017 IBM2
CaaS and Web: New patterns for DX solutions
Single
Experience
delivery platform.
Shared
content repository.
• On-Premises or Managed Service / Private Cloud.
• Web Site Management / Managed Pages
• Portlets, widgets, page layouts, application integration, site creation, and page rendering.
• Powerful and Function-Rich Platform
• Technology Agnostic
• Multi-tenant, public Cloud• External application owns &
manages the user experience.• REST Services, API/SDKs for
Mobile apps, single page applications, 3rd party apps.
• Emerging Content as a Service pattern.
• Moving towards Web Site Management
Web & mobile sites
IBM DigitalExperience
Content as a
Service
3
Integration
© 2017 IBM
Digital Experience Platform – Key Points
Provide a configurable,
business-managed
presentation layer on top
of custom applications,
which will result in:
• Better responsiveness to
changing business demands
• Lower operational costs
• Improved customer
experience
Deliver
persuasive
content
Integrate
business
applications
© 2017 IBM
Content and Site Management Enhancements
Site Management
Business user tooling for
managing site structure –
integrated page & content
view.
Site builder for templated
site & site section
creation.
Digital Data
Connector
Turn data into content,
integrating ATOM or JSON
feeds natively.
Allows business users to
integrate data and content
via WCM.
Theme Enhancements
Simplified model for theme
creation and much better
tools for editing themes.
Most themes can be built
without Java coding.
8
Morgen, 10:10 Uhr
Heute, 15:30 Uhr
© 2017 IBM
Tools for developers – shift to web development
Script Applications
Build DX applications using
HTML/CSS/JS and modern
frameworks such as Angular or React,
integrating with DX APIs.
Sync with server, and use workflow for
governance and promotion.
DX Dashboard
Open source Node.js-based tools for
web developers and designers,
enabling them to work with Script
Applications, Themes and WCM using
their preferred development tools.
The IBM Digital Experience framework has shifted over the past 1-2 years,
from a Java developer focus to a web developer focus11 © 2017 IBM
Script Applications: Test & Staging
• All the HTML/JS/CSS/etc. for Script applications, theme designs, and WCM designs can be maintained in a source code repository
• Command line or GUI tools can push files to a development or staging server
• Script applications and WCM designs can be syndicated from staging to production server
Git, SVN, RTC, etc.
Developer or designer workstation
Build or integration
system (Jenkins)
Source CodeRepository
Push to server
Push to serverwith automated tools
Developer Test Portal
WCM or WebDAV
Staging/Integration Portal Production Portal
WCM or WebDAV
Syndication
WCM or WebDAV
12 © 2017 IBM
General Pipeline and supporting tools
Developer
ProductionMonitoring
Feedback
SCM
Manual Test
Stage
Acceptance
StageIntegrationstest
System Tests
End2End Tests
Commit
Stage
Compile
Unit Tests
Package
Success
Source Code Management Build Script Tools Test Tools Configuration Management /Deployment
………
Containerization & Virtualization
…
Continious Delivery Tools
…
…
Quality Measurements
…
Success Success
© 2017 IBM13
Themes/Skins EARs
Application Templates Wire Frames Topology Skeleton
Business Components Portlets Libraries Java Stuff
Staging Procedures
Test
Content Authoring
Site Authoring
Designers /
Web Developers
Portal Development Integration Staging Production Delivery
Development Production
Site Designer/
App Composer
Portlets
Binaries
Skeleton Topology
Templates
Themes/Skins
Portlets
Binaries
Skeleton Topology
Templates
Themes/Skins
Site Navigation
Page Layouts
Site Navigation
Page Layouts
Site Navigation
Page Layouts
14 © 2017 IBM
2-Speed Development
System of Engagement
• Lightweight Front-End Development
• Personalized, Ad hoc
• Focus on re-usable UI components
• Scripting, Web Content, Personalized
Page Assembly
System of Record
• „Serious“ Back-End Development
• Standardized, planned projects
• Focus on re-usable Business
Logic
• J2EE, NodeJs, ….
Line of Business
AP
I M
ana
gem
en
t
XM
L,
JS
ON
, R
ES
T
IT
Front-End Back-End
15 © 2017 IBM
4-Tier Delivery Architecture
ClientSide
Page Aggregation
Ap
p
App
App
J2EEScript / Hybrid
Mobile /Native
Back-EndSOA
Page& data
Asyncdatareload
Synchronized
data access
PersonalizedUser Context
Client Tier Delivery Tier API&Services Back-End Tier
BPM, ERP, Social,
Commerce,
Datawarehouse, ...
16
Line of Business
AP
I M
ana
gem
en
t
XM
L,
JS
ON
, R
ES
T
IT
Front-End Back-End
AP
I M
an
age
men
t
© 2017 IBM
Building the next-generation applications
Mix and match Runtimes
• Node, J2EE, ….
• Cloud or On-prem
Connect cloud and on-premises deployments to a modern hybrid topology
• Microservices architecture
• API Management
Takes advantage of DX integration capabilities
• DDC, Script, WAB, WSRP, …
NodeJSScriptEtc.
Digital Experience
local
Script/DDCREST
mic
rose
rvic
es
REST WatonContentHub
17
Content - CaaS
Application
AP
I M
an
ag
em
en
t
Bluemix
REST
© 2017 IBM
V8.5CF1
CF2CF3
…
Much smaller jumps
Part of normal maintenance cycle
Several per year
Minimize risk
=
Stay up to date!
DX Roadmap: continuous delivery
19
V6
V7
V8
Big Jumps
Expensive Projects
Long gaps
Every 1-2 years
High risk
=
Fall behind
© 2017 IBM
CaaS and Web: New patterns for DX solutions
Single
Experience
delivery platform.
Shared
content repository.
• On-Premises or Managed Service/ Private Cloud.
• Web Site Management / Managed Pages
• Portlets, widgets, page layouts, application integration, site creation, and page rendering.
• Powerful and Function-Rich Platform
• Technology Agnostic
• Multi-tenant, public Cloud• External application owns &
manages the user experience.• REST Services, API/SDKs for
Mobile apps, single page applications, 3rd party apps.
• Emerging Content as a Service pattern.
• Moving towards Web Site Management
Web & mobile sites
IBM DigitalExperience
Content as a
Service
21
Integration
© 2017 IBM
CaaS and Web: New patterns for DX solutions
Single
Experience
delivery platform.
Shared
content repository.
Web &
mobile
sitesIBM DigitalExperience
Content
as a
Service
On-PremisesCloud
Multi-TenantDedicated
Environment
ComponentizedMicroservices
Distributed Centralized
WebSphereSoftlayer, Cloudent, …
Shared, BlueID, … DB2, LDAP
Complete Stack, Build, Component Model, Release…
Loose Coupling, Load Balancing, Failover, Version/Updates, …
Akamai, Multiple Datacenters Cluster, customer datacenter
Service Software
22 © 2017 IBM
Content as a Service – Why?
• Focus is on content –
marketers, channel owners etc
can create content that projects
their brand across all channels.
• Marketer can reuse content
across all customer touchpoints,
promoting a consistent brand
experience
• Developer freed from content
change cycles
• Developer and Marketer can
work independently at their own
speed
Centralized repository stores
and organizes contentContent freed from
websitesCustomer interaction via many
diverse channels
Marketing, merchandising, 3rd
party, user-generated content
Content as a Service
23 © 2017 IBM
Content as a Service – How?
Web Application
Single page web
application consumes
content from Watson
Content Hub
Internet of Things
Extend content horizons
to devices and other
emerging channels.
Mobile App
Native mobile app
consumes content from
Watson Content Hub
Web Site / Micro-Site
Whole or partial web site
consumes content from
Watson Content Hub
Content as a Service
Akamai
CDN
24
Deliver consistent
content across all
customer touchpoints
Global PAYG Platform
• Watson services included
• Pay for asset storage GB
and data transfer GB
• 99.9% uptime SLA
Open and Extensible
• Rich REST APIs
• IBM API Gateway
• Command line client
• Authoring User Interface
API
Authoring Service
• Asset management
• Cognitive tagging
• Image profiles
Delivery Platform
• Publish rich
media, content as
well as
applications
Mobile
Applications
Web Applications,
Single Page Apps
Internet of
things
Web Sites and
Mobile Web
Watson Content Hub supports a new omni-channel approach with a headless CMS
© 2017 IBM25
• Treat content as a
‘system of record’
• Separated content &
presentation
• Access content via
rich REST APIs
• Deliver consistent
content across all
customer touchpoints
DX On-Premises and IBM Watson Content HubDecouple cloud-based content authoring from on-premises web site development and application integration
Local Page Assembly/Layout and
Application Development/Integration
Layout, Widgets, Personalization, Pages
DX
On Prem
Web Site
Page Aggregation
Pre-
defined
content
types
• High performing authoring experience is provided by multiple datacenters across the globe
• New simplified Authoring UI
• Strong digital asset management
• Enrich content management through cognitive features (like auto-tagging or tone analysis)
• High performing content delivery through Akamai CDN
Cloud Asset Management
with IBM Watson Content Hub
Web &
mobile
sitesIBM DigitalExperience
Content
as a
Service
27 © 2017 IBM
The channel owner – curates sites to use
across web and mobile web using on-prem
DX authoring and WCH assets via new DX
portlets and WCH Picker
Creative manager uses WCH to
import, tag and manage creative
assets
Digital Experience V9 and Watson Content Hub
28 © 2017 IBM
Using Content Hub: Content Palette
Externally consumable
component to choose and
select content from IBM
Watson Content Hub.
This palette can be
embedded in other products
or solutions
© 2017 IBM29
Consuming Content Hub Content in Digital Experience
The assets from WCH are wrapped into a WCM content
The assets are stored into the WCM content with their JSON
representation
• This means that, from the JSON, you have access to all the
asset’s metadata (as defined into WCH) when building the
UI for the integrated assets
• Moreover, by wrapping the WCH Asset into a WCM
content, you can enrich the asset’s metadata (when & if
needed) and so you can enrich your presentations
But more importantly, perhaps, is that wrapping the WCH assets
into a WCM Content you can exploit the DX Targeting and
Profiling by simply using the Content Spot feature
• E.g. Show/Hide the WCH asset for Mobile
• E.g. Show different WCH assets to different Users based
on their profiling30 © 2017 IBM
Consuming Content Hub Content in Digital Experience
Images for both the List (1) and Detail (2) come from Watson Content Hub (CDN AKAMAI)
The WCM Content (Authoring Template) do not reference an Image as attribute but a Content as a Link
• These contents are created into a dedicated Site (and Site Areas) using the Image OOB component that use the Picker
o To work with images, the Editor do not search for Images (local or Image Component) but navigate the WCM structure for content that must be created in advance (see above)
o BTW: creating these content can be compared to create Image Component and then using them into the content instead of the Image
WCM Presentation components (both List and Detail) render this content through the WCM Content Tag
31 © 2017 IBM
Content Targeting Scenario
Desktop
Mobile
Hide content for Smartphone & Tablets
Targeting Content Spot
1.
2.
3.32 © 2017 IBM
Sample Script Application lets you select Content Hub content and rendering template
Brings in current content and images from Content Hub
Rendered with Handlebars template
Use live Content Hub content in Script Application
33
Command line tool
“wchconvert”
available for
download
Pulls Authoring
Templates (types),
content items, and
assets from WCM
Converts to WCH
structure
Pushes into WCH
Moving content and assets to Watson Content Hub from IBM Web Content Manager (WCM)
Authoring Templates Content and Assets
Content Types Content and Assets
WCM
WCH
wchconvert
34
Enabling hybrid scenarios
DX Delivery
DX Authoring
Digital Experience
Manager
New SaaS Platform Hybrid approach
SaaS
Delivery
SaaS
Authoring
DX Delivery
SaaS
Authoring
Tightly coupled delivery &
authoring via
• On-premises
• Infrastructure as a Service
• Digital Experience on Cloud
• Generic Managed Service
Both authoring and
delivery are provided
via the new SaaS
platform
Leverage cloud authoring
and integrate with DX
delivery
• Global authoring
• New authoring features
• Integrate with existing
applications35 © 2017 IBM
Watson Content Hub is just the start
More cognitive capabilities
Business user tool integration
Content governance
Team collaboration
Content ecosystem
Video management
HTML fragment rendering
Customer/partner extensibility
SDKs
Web Site Management
Managing Sites based on Single Page Apps
…and more!
© 2017 IBM38
For more information on Watson Content Hubhttps://developer.ibm.com/customer-engagement/watson-content-hub/
30-day free
trial
39
IBM Client Center Boeblingen
Located within the IBM Germany Lab, we connect you with experts from our development teams, with deep skills in innovative solutions across a broad range of the IBM Systems and Software portfolio.
We provide a broad set of offerings ranging from demos, briefings and workshops over TCO consulting to deployment and production support.
40 © 2017 IBM