digital experience & watson content hub - ibm€¦ · digital experience & watson content...

41
Dr. Thomas Stober STSM, IBM Digital Experience & Watson Content Hub Wie alles zusammenpasst 1

Upload: buitram

Post on 16-Jun-2018

224 views

Category:

Documents


0 download

TRANSCRIPT

Dr. Thomas Stober

STSM, IBM

Digital Experience& Watson Content HubWie alles zusammenpasst

1

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

Presenting your on-Premises business to your Clients, Partners and Employees

4

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

Tools for Business Users7 © 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

9

Tools for Developers and Designers© 2017 IBM

Digital Experience Platform is technology agnostic

10 © 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

Virtualisation is getting to its next level

18

Heute, 13:45 Uhr

© 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

Author and Deliver Content in the Cloud

20

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

26

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

Mehr Details ….

36

Heute, 15:30 Uhr

© 2017 IBM

37

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

IBM Client Center Boeblingen

41 © 2017 IBM

42