digital data connector step by step samples - ibm.com fileeditor the “page editor” knows a lot...

116
1 Digital Data Connector Step by Step Samples Dr. Dieter Buehler, IBM

Upload: others

Post on 20-Oct-2019

5 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

1

Digital Data ConnectorStep by Step Samples

Dr. Dieter Buehler, IBM

Page 2: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

2

User Roles Typically Involved

AdminThe “Admin”knows a lot about the technical infrastructure like host names, or security configuration. Responsibilities typically involve software install, configuration, fix install and more.

PageEditor

The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the site. Responsibilities typically include creation of new pages, configuration of portlets and more.Has no idea about software development (e.g. using Java).

SiteDesigner

The “Site Designer” knows a lot about user experience, web design, HTML, CSS and Java Script technology. Responsibilities typically include creation and implementation of Site Look and Feel, definitions of user interaction patterns.Has no idea about software development (e.g. using Java).

SiteVisitor

The “Site Visitor” is mainly interested in getting the business done and does not care or know anything about the technology and structure of the site beyond the immediate parts involved in performing a business tasks.

Profile Editor

The “Profile Editor” knows reasonably well about the data services that should be integrated in the web site. He is able to analyze the responses of those services and to define Xpath statements that identify the attributes of interest for later visualization.

Page 3: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

3

Prerequisites

WebSphere Portal and Web Content Manager V.Next Beta Connections 4.5 CF2 installed Single Sign on between Portal and Connections

(cf. http://www-10.lotus.com/ldd/portalwiki.nsf/xpDocViewer.xsp?lookupName=IBM+WebSphere+Portal+8+Product+Documentation#action=openDocument&res_title=Set_up_single_signon_wp8&content=pdcontent)

Portal trusts the Connections default SSL signer certificate(http://www-10.lotus.com/ldd/portalwiki.nsf/xpDocViewer.xsp?lookupName=IBM+WebSphere+Portal+8+Product+Documentation#action=openDocument&res_title=Import_SSL_certificate_to_set_up_trust_association_wp8&content=pdcontent)

Remark:If you want to try this on Portal 8001 CF 11

or later, you will have to explicitly enable DDCby executing

./ConfigEngine.sh action-enable-plr

Page 4: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

4

Configuration Sequences and Roles

Digital Data Connector Use DDC to create a new social list “Community Members”

Page Editor

Create Query URL component Create a generic DDC List Definition authoring/presentation template Create the “Community Members” list definition content item Render the list on your portal page

Site Designer

Create List of Community Members list design Extend the Community Members list design

Digital Data Connector Use DDC to create a new social list “Community Members”

Page Editor

Create Query URL component Create a generic DDC List Definition authoring/presentation template Create the “Community Members” list definition content item Render the list on your portal page

Site Designer

Create List of Community Members list design Extend the Community Members list design

Page 5: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

5

1. Implementing a custom IBM Connections QueryCreate New Library: Connect2014

Page Editor

Page 6: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

6

1. Implementing a custom IBM Connections QueryCreate New Library: Connect2014

Page Editor

Page 7: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

7

1. Implementing a custom IBM Connections QueryCreate New Library: Connect2014

Page Editor

Page 8: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

8

1. Implementing a custom IBM Connections QueryCreate New Library: Connect2014

Page Editor

Page 9: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

9

1. Implementing a custom IBM Connections QueryCreate New Library: Connect2014

Page Editor

Page 10: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

10

1. Implementing a custom IBM Connections QueryCreate New Library: Connect2014

Page Editor

Page 11: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

11

1. Implementing a custom IBM Connections QueryDetermine Connections REST API URL

http://www-10.lotus.com/ldd/appdevwiki.nsf/xpDocViewer.xsp?lookupName=IBM+Connections+4.5+API+Documentation#action=openDocument&res_title=Getting_a_list_of_the_members_of_a_community_ic45&content=pdcontent

Page Editor

Page 12: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

12

1. Implementing a custom IBM Connections QueryCreate Query URL Component

Page Editor

Page 13: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

13

1. Implementing a custom IBM Connections QueryCreate Query URL Component

Page Editor

Page 14: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

14

1. Implementing a custom IBM Connections QueryCreate Query URL Component

Page Editor

Page 15: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

15

1. Implementing a custom IBM Connections QueryCreate Query URL Component

[Plugin:ResourceURL param="communityUuid=[Plugin:ConnectionsContext type='portal' key='communityID']" url="[Plugin:ConnectionsContext type='service' key='communities']/service/atom/community/members"]

Page Editor

Page 16: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

16

1. Implementing a custom IBM Connections QueryCreate a generic DDC authoring template

Page Editor

Page 17: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

17

1. Implementing a custom IBM Connections QueryCreate a generic DDC authoring template

Page Editor

Page 18: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

18

1. Implementing a custom IBM Connections QueryCreate a generic DDC authoring template

Page Editor

Page 19: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

19

1. Implementing a custom IBM Connections QueryCreate a generic DDC authoring template

Page Editor

Page 20: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

20

1. Implementing a custom IBM Connections QueryCreate a generic DDC authoring template

Page Editor

Page 21: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

21

1. Implementing a custom IBM Connections QueryCreate a generic DDC presentation template

SiteDesigner

Page 22: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

22

1. Implementing a custom IBM Connections QueryCreate a generic DDC presentation template

SiteDesigner

Page 23: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

23

1. Implementing a custom IBM Connections QueryCreate a generic DDC presentation template

SiteDesigner

Page 24: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

24

1. Implementing a custom IBM Connections QueryCreate a generic DDC presentation template

[Plugin:ListRenderingContext compute="always" extension-id="[Element context='current' type='content' key='provider']" profile="[Element context='current' type='content' key='profile']" attribute="source=[Element context='current' type='content' key='source']"]

[Element context="current" type="content" key="List Appearance" compute="always"]

SiteDesigner

Page 25: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

25

1. Implementing a custom IBM Connections QueryCreate a generic DDC presentation template

SiteDesigner

Page 26: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

26

1. Implementing a custom IBM Connections QueryCreate a generic DDC presentation template

SiteDesigner

Page 27: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

27

1. Implementing a custom IBM Connections QueryCreate Community Members List Appearance

SiteDesigner

Page 28: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

28

1. Implementing a custom IBM Connections QueryCreate Community Members List Appearance

SiteDesigner

Page 29: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

29

1. Implementing a custom IBM Connections QueryCreate Community Members List Appearance

SiteDesigner

Page 30: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

30

1. Implementing a custom IBM Connections QueryCreate Community Members List Appearance

SiteDesigner

Page 31: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

31

1. Implementing a custom IBM Connections QueryCreate Community Members List Appearance

SiteDesigner

Page 32: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

32

1. Implementing a custom IBM Connections QueryCreate Community Members List Appearance

SiteDesigner

Page 33: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

33

1. Implementing a custom IBM Connections QueryCreate Community Members List Appearance

SiteDesigner

Page 34: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

34

1. Implementing a custom IBM Connections QueryCreate Community Members List Appearance

SiteDesigner

Page 35: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

35

1. Implementing a custom IBM Connections QueryCreate Community Members List Appearance

SiteDesigner

Page 36: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

36

1. Implementing a custom IBM Connections QueryCreate the “List of Community Members” list definition

Page Editor

Page 37: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

37

1. Implementing a custom IBM Connections QueryCreate the “List of Community Members” list definitionCreate the “List Definitions” site area

Page Editor

Page 38: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

38

1. Implementing a custom IBM Connections QueryCreate the “List of Community Members” list definitionCreate the “List Definitions” site area

Page Editor

Page 39: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

39

1. Implementing a custom IBM Connections QueryCreate the “List of Community Members” list definition

Page Editor

Page 40: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

40

1. Implementing a custom IBM Connections QueryCreate the “List of Community Members” list definition

Page Editor

Page 41: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

41

1. Implementing a custom IBM Connections QueryCreate the “List of Community Members” list definition

Page Editor

Page 42: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

42

1. Implementing a custom IBM Connections QueryCreate the “List of Community Members” list definition

This is the ListAppearance Component

that we created

Page Editor

Page 43: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

43

1. Implementing a custom IBM Connections QueryCreate the “List of Community Members” list definition

This is the queryURL component that

we created

The query addresses the Connections Communities service serving a community

members list. The corresponding DDCprofile is “ibm.portal.sr.communities.members”

We use the socialrendering DDC plug-in with ID

“ibm.portal.ddc.sr”

Page Editor

Page 44: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

44

1. Implementing a custom IBM Connections QueryRender the Community Members list

Page Editor

Page 45: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

45

1. Implementing a custom IBM Connections QueryRender the Community Members list

Page Editor

Page 46: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

46

1. Implementing a custom IBM Connections QueryRender the Community Members list

Page Editor

Page 47: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

47

1. Implementing a custom IBM Connections QueryRender the Community Members list

Page Editor

Page 48: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

48

1. Implementing a custom IBM Connections QueryRender the Community Members list

Page Editor

Page 49: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

49

1. Implementing a custom IBM Connections QueryImprove the List Appearance

SiteDesigner

Page 50: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

50

1. Implementing a custom IBM Connections QueryImprove the List Appearance

SiteDesigner

Page 51: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

51

1. Implementing a custom IBM Connections QueryImprove the List Appearance

SiteDesigner

Page 52: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

52

1. Implementing a custom IBM Connections QueryImprove the List Appearance: Add view link

<li> <a href="[AttributeResource attributeName="portalLink" separator=","]"> [AttributeResource attributeName="memberName" separator=","] </a></li>

preview

SiteDesigner

Page 53: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

53

1. Implementing a custom IBM Connections QueryImprove the List Appearance: Add more info

<li><table><tr><td><img width="48" src="[AttributeResource attributeName="portalMemberImageLink" separator=","]"></td><td><a href="[AttributeResource attributeName="portalLink" separator=","]"> [AttributeResource attributeName="memberName" separator=","]</a>([AttributeResource attributeName="memberRole" separator=","])<br>Email: [AttributeResource attributeName="memberEmail" separator=","]<br></td></tr></table></li>

preview

SiteDesigner

Page 54: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

54

1. Implementing a custom IBM Connections QueryImprove the List Appearance: Add Business Card Support

<li><table><tr><td><img width="48" src="[AttributeResource attributeName="portalMemberImageLink" separator=","]"></td><td><span class="vcard"> <a class="fn lotusPerson" href="[AttributeResource attributeName="portalMemberLink" separator=","]"> [AttributeResource attributeName="memberName" separator=","] </a> <span class="userObjectId" style="display: none;"> [AttributeResource attributeName="memberObjectID" separator=","] </span></span>([AttributeResource attributeName="memberRole" separator=","])<br>Email: [AttributeResource attributeName="memberEmail" separator=","]<br></td></tr></table></li>

preview

SiteDesigner

Page 55: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

55

Configuration Sequences and Roles

Digital Data Connector Use DDC to render RSS data on your web site

Profile Editor Deploy the RSS DDC profile Review the RSS profile

Site Designer Import Sample WCM Library Review Sample Design

Page Editor Render an RSS feed on your page Assign an alternative list appearance design

Use DDC to render RSS audio feeds on your web site

Digital Data Connector Use DDC to render RSS data on your web site

Profile Editor Deploy the RSS DDC profile Review the RSS profile

Site Designer Import Sample WCM Library Review Sample Design

Page Editor Render an RSS feed on your page Assign an alternative list appearance design

Use DDC to render RSS audio feeds on your web site

Page 56: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

56

2. Use DDC to render RSS data on your web siteDeploy the RSS DDC profile

Profile Editor

emacs /opt/WebSphere/wp_profile/PortalServer/config/ListRenderingProfileService.properties

Remark: On 8001 (CF11 or later)the file "ListRenderingProfileService.properties“May not yet exist. You can create it in this case

Using your favorite text editor.

Page 57: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

57

2. Use DDC to render RSS data on your web siteDeploy the RSS DDC profile #Item Attributes

rss.ItemAttribute.id=./titlerss.ItemAttribute.title=./titlerss.ItemAttribute.description=./descriptionrss.ItemAttribute.link=./linkrss.ItemAttribute.author=./authorrss.ItemAttribute.category=./categoryrss.ItemAttribute.comments=./commentsrss.ItemAttribute.guid=./guidrss.ItemAttribute.pubDate=./pubDaterss.ItemAttribute.pubDate.Type=Daterss.ItemAttribute.pubDate.Format=EEE, d MMM yyyy HH:mm:ss zrss.ItemAttribute.source=./sourcerss.ItemAttribute.encoded=./content:encodedrss.ItemAttribute.enclosureType=./enclosure/@typerss.ItemAttribute.enclosureUrl=./enclosure/@url

# List Propertiesrss.ListProperty.title=/rss/channel/titlerss.ListProperty.link=/rss/channel/linkrss.ListProperty.description=/rss/channel/descriptionrss.ListProperty.language=/rss/channel/languagerss.ListProperty.copyright=/rss/channel/copyrightrss.ListProperty.pubDate=/rss/channel/pubDaterss.ListProperty.pubDate.Type=Daterss.ListProperty.pubDate.Format=EEE, d MMM yyyy HH:mm:ss zrss.ListProperty.ttl=/rss/channel/ttlrss.ListProperty.category=/rss/channel/categoryrss.ListProperty.cloud=/rss/channel/cloudrss.ListProperty.docs=/rss/channel/docsrss.ListProperty.generator=/rss/channel/generatorrss.ListProperty.imageTitle=/rss/channel/image/titlerss.ListProperty.imageLink=/rss/channel/image/linkrss.ListProperty.imageUrl=/rss/channel/image/urlrss.ListProperty.imageWidth=/rss/channel/image/widthrss.ListProperty.imageHeight=/rss/channel/image/heightrss.ListProperty.imageDescription=/rss/channel/image/descriptionrss.ListProperty.atom10SelfLink=/rss/channel/atom10:link[@rel='self']/@hrefrss.ListProperty.feedburnerUri=/rss/channel/feedburner:info/@urirss.ListProperty.atom10HubLink=/rss/channel/atom10:link[@rel='hub']/@href

rss.Name=ibm.portal.rssrss.BeanListProviderID=ibm.portal.ddc.xmlrss.NamespaceMapping.atom10=http://www.w3.org/2005/Atomrss.NamespaceMapping.feedburner=http://rssnamespace.org/feedburner/ext/1.0rss.NamespaceMapping.content=http://purl.org/rss/1.0/modules/content/

rss.ListItemSelection=//item

Profile Editor

Copy the contents of the 2 text boxes into the file ListRenderingProfileService.properties and save th file.

Page 58: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

58

2. Use DDC to render RSS data on your web siteDeploy the RSS DDC profile

Deploy the contents of the file ListRenderingProfileService.properties file in the WP ListRenderingProfileService resource environment provider.

/opt/WebSphere/wp_profile/ConfigEngine/ConfigEngine.sh update-properties -DPortalAdminId=wpsadmin -DPortalAdminPwd=wpsadmin -DWasUserId=wpsadmin -DWasPassword=wpsadmin

Profile Editor

Page 59: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

59

2. Use DDC to render RSS data on your web siteVerify RSS DDC profile deployment

Profile Editor

Page 60: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

60

2. Use DDC to render RSS data on your web siteVerify RSS DDC profile deployment

Profile Editor

Page 61: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

61

2. Use DDC to render RSS data on your web siteVerify RSS DDC profile deployment

Profile Editor

Page 62: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

62

2. Use DDC to render RSS data on your web siteAnalyze the Sample RSS Profile

RSS sample

Detailed information on DDC profilescan be found in the DDC documentation

Page 63: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

63

2. Use DDC to render RSS data on your web siteAnalyze the Sample RSS Profile

RSS sample

Page 64: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

64

2. Use DDC to render RSS data on your web siteAnalyze the Sample RSS Profile

RSS sample

Page 65: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

65

2. Use DDC to render RSS data on your web siteOpen up Ajax Proxy Configuration to access RSS feeds

wp.proxy.config.urlreplacement.default_policy.ibm=http://www.ibm.com/*wp.proxy.config.urlreplacement.default_policy.ibm-03=http://www-03.ibm.com/*

These entries make use of the DynamicAjax Proxy Porlicies concept

(http://www-10.lotus.com/ldd/portalwiki.nsf/xpDocViewer.xsp?lookupName=IBM+WebSphere+Portal+8+Product+Documentation#action=openDocument&res_title=Global_proxy_configuration_wp8&content=pdcontent&sa=true)

Page 66: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

66

2. Use DDC to render RSS data on your web siteOpen up Ajax Proxy Configuration to access RSS feeds

wp.proxy.config.urlreplacement.default_policy.ibm=http://www.ibm.com/*wp.proxy.config.urlreplacement.default_policy.ibm-03=http://www-03.ibm.com/*

Page 67: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

67

2. Use DDC to render RSS data on your web siteOpen up Ajax Proxy Configuration to access RSS feeds

Page 68: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

68

Configuration Sequences and Roles

Digital Data Connector Use DDC to render RSS data on your web site

Profile Editor Deploy the RSS DDC profile Review the RSS profile

Site Designer Import Sample WCM Library Review Sample Design

Page Editor Render an RSS feed on your page Assign an alternative list appearance design

Use DDC to render RSS audio feeds on your web site

Digital Data Connector Use DDC to render RSS data on your web site

Profile Editor Deploy the RSS DDC profile Review the RSS profile

Site Designer Import Sample WCM Library Review Sample Design

Page Editor Render an RSS feed on your page Assign an alternative list appearance design

Use DDC to render RSS audio feeds on your web site

Page 69: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

69

2. Use DDC to render RSS data on your web siteInstall Sample Library

unzip RSSFeeds.zip -d /shared/RSS /opt/WebSphere/wp_profile/ConfigEngine/ConfigEngine.sh import-wcm-data -Dimport.directory=/shared/RSS

-DPortalAdminId=wpsadmin -DPortalAdminPwd=wpsadmin -DWasUserId=wpsadmin -DWasPassword=wpsadmin

SiteDesigner

Page 70: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

70

2. Use DDC to render RSS data on your web siteAnalyze the Sample Design

SiteDesigner

Page 71: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

71

2. Use DDC to render RSS data on your web siteAnalyze the Sample Design

SiteDesigner

Page 72: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

72

2. Use DDC to render RSS data on your web siteInvalidate the DDC profile cache

Profile Editor

Page 73: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

73

Configuration Sequences and Roles

Digital Data Connector Use DDC to render RSS data on your web site

Profile Editor Deploy the RSS DDC profile Review the RSS profile

Site Designer Import Sample WCM Library Review Sample Design

Page Editor Render an RSS feed on your page Assign an alternative list appearance design

Use DDC to render RSS audio feeds on your web site

Digital Data Connector Use DDC to render RSS data on your web site

Profile Editor Deploy the RSS DDC profile Review the RSS profile

Site Designer Import Sample WCM Library Review Sample Design

Page Editor Render an RSS feed on your page Assign an alternative list appearance design

Use DDC to render RSS audio feeds on your web site

Page 74: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

74

2. Use DDC to render RSS data on your web siteRender RSS feed on your page

Page Editor

Page 75: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

75

2. Use DDC to render RSS data on your web siteRender RSS feed on your page

Page Editor

Page 76: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

76

2. Use DDC to render RSS data on your web siteRender RSS feed on your page

Page Editor

Page 77: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

77

2. Use DDC to render RSS data on your web siteRender RSS feed on your page: Set the Feed URL

Page Editor

Page 78: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

78

2. Use DDC to render RSS data on your web siteRender RSS feed on your page: Set the Feed URL

http://www-03.ibm.com/press/us/en/rssfeed.wss?keyword=null&maxFeed=&feedType=RSS&topic=458

http://www.ibm.com/ibm/syndication/us/en/

Page Editor

Page 79: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

79

2. Use DDC to render RSS data on your web siteRender RSS feed on your page: Set the Feed URL

Page Editor

Page 80: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

80

2. Use DDC to render RSS data on your web siteRender RSS feed on your page

Page Editor

Page 81: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

81

2. Use DDC to render RSS data on your web siteSelect an alternate List Appearance Design

Page Editor

Page 82: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

82

2. Use DDC to render RSS data on your web siteSelect an alternate List Appearance Design

Page Editor

Page 83: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

83

2. Use DDC to render RSS data on your web siteSelect an alternate List Appearance Design

Page Editor

Page 84: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

84

2. Use DDC to render RSS data on your web siteSelect an alternate List Appearance Design

Page Editor

Page 85: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

85

2. Use DDC to render RSS data on your web siteSelect an alternate List Appearance Design

Page Editor

Page 86: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

86

2. Use DDC to render RSS data on your web siteSelect an alternate List Appearance Design

Page Editor

Page 87: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

87

Configuration Sequences and Roles

Digital Data Connector Use DDC to render RSS audio feeds on your web site

Profile Editor Extend the RSS profile to support audio feeds

Site Designer Create an audio aware list appearance

Page Editor Render an audio feed on your page

Digital Data Connector Use DDC to render RSS audio feeds on your web site

Profile Editor Extend the RSS profile to support audio feeds

Site Designer Create an audio aware list appearance

Page Editor Render an audio feed on your page

Page 88: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

88

2. Use DDC to render RSS data on your web siteExtend the profile to expose audio data

http://www-03.ibm.com/press/feed/podcast/itunes/

Profile Editor

Page 89: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

89

2. Use DDC to render RSS data on your web siteExtend profile to support “duration” attribute

Profile Editor

Page 90: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

90

2. Use DDC to render RSS data on your web siteExtend profile to support “duration” attribute

Profile Editor

Page 91: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

91

2. Use DDC to render RSS data on your web siteExtend profile to support “duration” attribute

Profile Editor

Page 92: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

92

2. Use DDC to render RSS data on your web siteExtend profile to support “duration” attribute

rss.NamespaceMapping.itunes

http://www.itunes.com/DTDs/Podcast-1.0.dtd

Profile Editor

Page 93: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

93

2. Use DDC to render RSS data on your web siteExtend profile to support “duration” attribute

Profile Editor

Page 94: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

94

2. Use DDC to render RSS data on your web siteExtend profile to support “duration” attribute

rss.ItemAttribute.itunesDuration

./itunes:duration

Profile Editor

Page 95: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

95

2. Use DDC to render RSS data on your web siteExtend profile to support “duration” attribute

Profile Editor

Page 96: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

96

2. Use DDC to render RSS data on your web siteExtend profile to support “duration” attribute: Invalidate the DDC profile cache

Profile Editor

Page 97: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

97

Configuration Sequences and Roles

Digital Data Connector Use DDC to render RSS audio feeds on your web site

Profile Editor Extend the RSS profile to support audio feeds

Site Designer Create an audio aware list appearance

Page Editor Render an audio feed on your page

Digital Data Connector Use DDC to render RSS audio feeds on your web site

Profile Editor Extend the RSS profile to support audio feeds

Site Designer Create an audio aware list appearance

Page Editor Render an audio feed on your page

Page 98: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

98

2. Use DDC to render RSS data on your web siteCreate Audio aware List Appearance

SiteDesigner

Page 99: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

99

2. Use DDC to render RSS data on your web siteCreate Audio aware List Appearance

SiteDesigner

Page 100: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

100

2. Use DDC to render RSS data on your web site Create Audio aware List Appearance

SiteDesigner

Page 101: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

101

2. Use DDC to render RSS data on your web site Create Audio aware List Appearance

SiteDesigner

Page 102: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

102

2. Use DDC to render RSS data on your web siteCreate Audio aware List Appearance

SiteDesigner

Page 103: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

103

2. Use DDC to render RSS data on your web siteCreate Audio aware List Appearance

<li>Duration: [AttributeResource attributeName="itunesDuration" separator=","]</li>

<audio controls>  <source src="[AttributeResource attributeName="enclosureUrl" separator=","]" type="[AttributeResource attributeName="enclosureType" separator=","]">Your browser does not support the audio element.</audio>

SiteDesigner

Page 104: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

104

2. Use DDC to render RSS data on your web siteCreate Audio aware List Appearance

SiteDesigner

Page 105: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

105

2. Use DDC to render RSS data on your web siteCreate Audio aware List Appearance

SiteDesigner

Page 106: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

106

Configuration Sequences and Roles

Digital Data Connector Use DDC to render RSS audio feeds on your web site

Profile Editor Extend the RSS profile to support audio feeds

Site Designer Create an audio aware list appearance

Page Editor Render an audio feed on your page

Digital Data Connector Use DDC to render RSS audio feeds on your web site

Profile Editor Extend the RSS profile to support audio feeds

Site Designer Create an audio aware list appearance

Page Editor Render an audio feed on your page

Page 107: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

107

2. Use DDC to render RSS data on your web site Create the Audio Feed content item

Page Editor

This step can be simplified for the Page Editor by adding the Unconfigured RSS Feed

Content item to the page toolbar

Page 108: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

108

2. Use DDC to render RSS data on your web site Create the Audio Feed content item

Page Editor

This step can be simplified for the Page Editor by adding the Unconfigured RSS Feed

Content item to the page toolbar

Page 109: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

109

2. Use DDC to render RSS data on your web siteCreate the Audio Feed content item

Page Editor

This step can be simplified for the Page Editor by adding the Unconfigured RSS Feed

Content item to the page toolbar

Page 110: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

110

2. Use DDC to render RSS data on your web site Create the Audio Feed content item

Page Editor

This step can be simplified for the Page Editor by adding the Unconfigured RSS Feed

Content item to the page toolbar

Page 111: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

111

2. Use DDC to render RSS data on your web siteRender the audio feed on your portal page

Page Editor

This step can be simplified for the Page Editor by adding the Unconfigured RSS Feed

Content item to the page toolbar

Page 112: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

112

2. Use DDC to render RSS data on your web siteRender the audio feed on your portal page

Page Editor

This step can be simplified for the Page Editor by adding the Unconfigured RSS Feed

Content item to the page toolbar

Page 113: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

113

2. Use DDC to render RSS data on your web siteRender the audio feed on your portal page

Page Editor

Page 114: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

114

2. Use DDC to render RSS data on your web siteRender the audio feed on your portal page

http://www-03.ibm.com/press/feed/podcast/itunes/

Page Editor

Page 115: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

115

2. Use DDC to render RSS data on your web siteRender the audio feed on your portal page

Page Editor

Page 116: Digital Data Connector Step by Step Samples - ibm.com fileEditor The “Page Editor” knows a lot about the users of the site, the information architecture and page hierarchy of the

116116

© Copyright IBM Corporation 2014. All rights reserved.

U.S. Government Users Restricted Rights - Use, duplication or disclosure restricted by GSA ADP Schedule Contract with IBM Corp.

IBM, the IBM logo, ibm.com, WebSphere, WebSphere Portal, and IBM Connections are trademarks or registered trademarks of International Business Machines Corporation in the United States, other countries, or both. If these and other IBM trademarked terms are marked on their first occurrence in this information with a trademark symbol (® or ™), these symbols indicate U.S. registered or common law trademarks owned by IBM at the time this information was published. Such trademarks may also be registered or common law trademarks in other countries. A current list of IBM trademarks is available on the Web at “Copyright and trademark information” at www.ibm.com/legal/copytrade.shtml

Other company, product, or service names may be trademarks or service marks of others.

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.

Acknowledgements and Disclaimers