XCC Feature Overview - Web Content Management Extension for IBM Connections

1. Web Content Management Extension
for IBM Connections (XCC)
XCC Feature Overview
Self Study Guide
(Sept. 2014)
TIMETOACT GROUP, Cologne, Germany
http://timetoact.de/xcc

2. XCC Feature Overview
Layout
XCC Widget Overview
Widget & Page Settings Tab (XCC for Content Masters)
XCC Settings Tab (XCC for Web Masters)
Widget Personalization

3. Layout

4. Layout
Page Layout is determined by the assigned Grid and CSS
Content Masters (Page Editors) can select Grid and CSS
The Grid determines Widget Columns Layout
The CSS determines Graphic Elements, Widget Layout, Fonts, etc.
XCC Admins can down- & upload CSS and Graphic Files in the XCC
Settings Tab

5. Layout Sample
Top News with large
picture, title and abstract
on picture
News with title and
abstract on bottom bar
News List with grey
background
Links Widgets without
title and widget borders

6. Layout Sample
Background
image
Navigation on the
left hand side

7. Layout Sample
Slim widget
headers
Navigation
aligned right

8. Layout Sample
Using the HTML Widget
to create section /
separator element
between widgets
Using different widget
background colors

9. Layout Sample
Just one widget
“News of the
Day” on the CNX
Homepage with
the Activity
Stream

10. Layout Sample
Three widgets on
top of the CNX
Homepage with
the Activity
Stream

11. Widget Overview

12. XCC Page Elements
Activity Stream
& Right Column
ATOM / RSS Feed
Clipping / HTML
Events
Files
Ideation Blog
iFrame
Forum
Gallery
Links
Picture Voting**
22 MyPage
Widgets
News (Top News)
News (Single)
News Channel
News List
News Overview
People Birthday
People Finder
People Selector
Static Blog Content
Static Wiki Content
Website Navigation
Wiki Navigation *
* Planned XCC next
** currently CNX 4.5 only

13. ATOM / RSS Feed
Retrieve a public
RSS or ATOM feed
and display its
contents
Use CNX proxy for
external content
Display different
channels as tabs
Limit entries
Reorder channels

14. Clipping / HTML
Retrieve and
integrate HTML
from external
websites
Embed custom
HTML

15. Events
Shows Events from
different Communities
in different colors
Personalize Events
Choose between
different views: day,
week, month,
upcoming

16. Events – Embedded Experience
Event details
Attend this /
all Events
Follow this /
all Events
Commenting

17. Files
Select, order and name
channels
Personalize content
Download file directly
Open file in
Community
Limit entries per page
Page navigation

18. Files – Full Page
Various display
options
Structured file
websites

19. Ideation Blog
Bringing innovation
management to the
front page
Directly voting for
idea on page
Show latest or
selected ideas
Personalize content
Limit displayed
entries

20. Ideation Blog – Embedded Experience
Idea details
Comment on idea
Vote for idea
Like comments
Open in Community

21. iFrame
No programming
skills required
Use Ajax-Proxy

22. Forum
Show number of
likes and answers
Icons inform about
type of forum
Show latest or
selected ideas
Personalize content

23. Forum – Embedded Experience
Show details
Show replies
Highlight correct
reply
Able to answer
Able to like entry
and replies

24. Gallery
Soon to come

25. Links
Display up to
10 tabs
Limit entries
Set page size
Reorder channels
Show latest or
selected links
Personalize
content

26. Picture Voting
Ideal for “Selfie Competition”
Image link to CNX media
gallery
Like pictures
Shows author

27. MyPage Widgets
All 22 “My Page”
widgets available
Mix company
news with
personal
information

28. News (Top News)
Display video or
image from blog
entry as teaser
Display as slider
or single news
Show latest or
selected posts
Personalize
content

29. News (Single)
Display video or
image from blog
entry as teaser
Display likes &
comments
Show latest or
selected posts
Slider or list view
Personalize
content

30. News Channel
Innovative slider concept
Display video or image
from blog entry as teaser
Multiple channels
Show latest or selected
posts
Personalize content

31. News List
Simple display of news
Display video or image
from blog entry as
teaser
Show latest or selected
posts
Personalize content

32. News Overview
Display video or
image from blog
entry as teaser for
each entry
Show latest or
selected posts
Personalize
content

33. News – Embedded Experience
Display details
Comment & like
posts
Like comments
Open in
Community

34. People Birthday
Displays today’s birthdays
Birthday is entered optionally by
employees
Requires profile extension

35. People Finder
Search thru all profiles
Find people based on
name, tags, location,
number, job
description
Mailto function
Directly displays all
relevant data

36. People Selector
Select profiles
Group and
annotate people
Reorder people
and groups
Directly displays
all relevant data

37. Static Blog Content
Display original blog entry in
full
Can be used to generate HTML
based buttons or any other
content
Ideal for visual highlights and
videos

38. Static Blog Wiki
Ideal for visual highlights and static content like
department descriptions
Display original Wiki page in full
Can be used to generate HTML based buttons or any
other content

39. Website Navigation
Displays Wiki structure as website navigation
Navigation entries can open as embedded experience or
link to any other site
Three level dropdown

40. Website Navigation – Embedded Experience
Display page details
Comment page
Open in Community

41. Wiki Navigation
Coming soon

42. Widget & Page Settings Tab
(XCC for Content Masters only)

43. XCC for Content Masters
Content Masters can edit XCC pages only when listed as
page editor
Edit Widget Properties
Drag & Drop Widgets
Access Widget and Page Settings tabs

44. Widgets Tab
Add widgets to page by click
Create new widgets
Browse thru different widget categories

45. Drag & Drop Widgets
Arrange widgets on
the fly
Drag & drop
widgets to
placeholders
Switch widgets
Free placeholders
wont be displayed

46. Page Settings Tab
Select layout and grid template
Add navigation and IBM Connections elements
Change name and title
Add further editors

47. Page Management
(For Web Masters only)

48. XCC for Web Masters
Web Masters have access to all XCC features
Edit Widget Properties
Drag & Drop Widgets
Access Widget and Page Settings tabs
Access Page Management, XCC Settings and About tabs

49. Tab “Page Management”

50. XCC Settings
(XCC for Web Masters only)

51. Tab “Page Management”
Create and manage pages
Search thru existing pages and sort by different values
Copy and delete pages
Quick edit name, title and editor access
Im- & Export Pages

52. Tab “XCC Settings” - Customization
All added layouts
files will be
available as
layout in Page
Settings tab
Upload custom
layouts via CSS
Upload custom
languages via
JSON

53. XCC About Tab - License
Find all licensing
and version
information
Enter new
licenses
XCC-Support
address

54. Thank you for your interest
http://timetoact.de/xcc
xcc@timetoact.de
+49 221 97343 0