What's New in XCC 9.0 - Web Content and Custom Apps Extension for IBM Connections New Features: - XCC Cloud for IBM Connections Cloud - FlyOut Page - Custom Widgets API - Client-Side-Caching - Gallery Widget - Community Overview Widget and much more..

1. What’s New in Release
http://connections-apps.com/xcc
July 31st, 2015

2. What’s New in XCC 9.0
New Features
1. XCC Cloud for IBM Connections Cloud
2. FlyOut Page
3. Custom Widgets API
4. Client-Side-Caching
5. Gallery Widget
6. Community Overview Widget
Onboarding Wizard
7. Introduction & Sample Onboarding Setup
8. Profile Tagging Widget
9. Profile Picture Widget
Improvements
10. Aggregation for more News Widgets
11. Source-Links in Widget Editor
12. Bookmarks and Files Sort Options
13. Minor Improvements
Best Practices
14. Acknowledgement Widget
15. New Employee Widget
16. Customized People Finder
17. Layout Samples
Appendix

3. New Features

4. 1. XCC Cloud
for IBM Connections Cloud

5. XCC Cloud for IBM Connections Cloud
XCC is now available as a true Multi Tenant
SaaS Offering.
Easy setup with a guided
Self Service
Available on a per user / per month basis
Single Sign On with IBM Connections Cloud
Extends IBM Connections Cloud to a complete
and deeply integrated Intranet
XCC Cloud is hosted on IBM Bluemix US and
UK
Intranet
as a
Service

6. XCC Cloud for IBM Connections Cloud
Web Content
Management /
Internal
Communications
Custom
Applications
Layout
Customization
Personalization

7. Intranet as a Service
Bluemix
XCC Cloud for IBM Connections Cloud
IBM
Connections
Cloud
Users Internal
Communications
Enterprise Social Collaboration
Create Activities, Blogs, Bookmarks, Communities, Discussions, Events, Files, Ideas, Wikis;
Comment, Like, Participate, Vote
Access Intranet
Navigate, Search,
Personalize, Comment,
Like, Participate, Vote
Manage Intranet
Aggregate, Arrange, Create, Curate,
Publish, Target, Delegate

8. XCC Cloud for IBM Connections Cloud
See the special presentation for detailed
information and step-by-step instructions:
http://slideshare.net/timetoact/xcc-cloud
US Bluemix:
http://xcc-clients.mybluemix.net/registration.html
UK Bluemix:
http://xcc-clients.eu-gb.mybluemix.net/registration.html

9. 2. XCC FlyOut Page

10. 2. XCC FlyOut Page
With FlyOut Pages, a new apps icon (or any other
element) can be added to the top navigation bar
of IBM Connections.
The apps icon is available anywhere in IBM
Connections and in the XCC itself. If clicked, a
page will fly out.
The FlyOut Page is a XCC page that is managed by
the XCC web or content master.
The FlyOut Page may contain any of the over 30
XCC widgets.
Apps Icon

11. 2. XCC FlyOut Page
With XCC FlyOut
Page your most
frequented and
important
applications are
always just one click
away
The FlyOut Page is
available anywhere
in IBM Connections

12. 2. XCC FlyOut Page
With the FlyOut Page the most important and / or frequented tools
are always available with a single click. Here are some suggestions:
Canteen Menu
People Finder
Corporate Dictionary
Quick Links
Translation
World Clock
Emergency Help
Weather
Company Stock
Latest News
…

13. 2. XCC FlyOut Page
FlyOut Pages can be easily set up
FlyOut Pages are regular XCC Pages and have the same customization
and grid options
FlyOut Pages can be personalized / targeted to an user, i.e.
their location, or
their role or
their business
unit

14. 3. Custom Widgets API

15. 3. Custom Widgets API
Integration of custom application with XCC has been possible with
the use of
HTML / Clipping Widget
ATOM / RSS Feed Widget
Custom JavaScript
Custom CSS
However, up to now it was not possible to create and register Custom
Widgets that have their own UI for setting the widget properties.
With XCC next we will add a XCC API that supports Custom Widgets.

16. 3. Custom Widgets API
Create Custom Widgets that retrieves and
writes Content (HTML, XML, JSON) from / to
any application via HTTP/HTTPS
Register and update Custom Widgets
conveniently with uploading custom.js
Create Widget Custom Editor or use Default
Editor for IBM Connection sources
Utilize Bootstrap, jQuery, Font Awesome
and numerous XCC elements for fast
development

17. 3. Custom Widgets API
Integrate these and other sources into your Intranet
with XCC Custom Widgets
Domino
Web Experience Manager
Forms Experience Builder
Custom App

18. 3. Custom Widgets API - Development
Custom Widgets can be developed and tested on a
non-public page
Development of Custom Widgets can not break
existing functionality (if you follow a few simple rules)
Development of Custom Widgets does not require IBM
Connections or XCC to restart
For detailed information see our XCC Documentation at
http://connections-apps.com/xcc#docu

19. 3. Custom Widgets API - Development
1. Analyze the application API (HTML, JSON, XML)
2. Create a JavaScript to retrieve / write to the
application
3. Create a JavaScript to edit custom widget properties
4. Edit the custom.js
1. Download the custom.js from XCC
2. Copy your custom JavaScript into the custom.js
3. Register your Widget in the custom.js
(how to is included as comment in the custom.js)
4. Upload the custom.js to XCC and reload page
5. Done

20. 3. Custom Widget API
XCC Customers, Business Partners and TIMETOACT will
develop a lot of custom widgets.
TIMETOACT will encourage customers to share custom
widgets among themselves, creating an open source
widget exchange.
Over time TIMETOACT will make more and more of
these custom widgets available as native part of XCC.

21. 4. Client-Side-Caching
Increased client performance and reduced server load
thru client-side-caching via Indexed Database (IndexedDB)
The Indexed Database API, or IndexedDB,
is a W3C recommended web browser
standard interface for a local database.

22. 5. Gallery Widget
Pictures Presentations
Slider
1 picture at a time
2 or more pictures at a time
Grid
2x2 Grid
3x3 Grid
Lightbox Design
Settings
Select a community or a folder as source
Personalization

23. 6. Community Overview Widget
Offers the opportunity to display
important or recommended communities
by your selection
Shows community-image,-title and -
description

24. Onboarding Wizard

25. 7. Onboarding Wizard - Introduction
makes it as easy as possible to onboard new employees
turn each user into a valuable member of your IBM Connections
community

26. 7. Onboarding Wizard - Sample Onboarding Setup
Uses the building blocks that XCC delivers
As highly customizable as XCC
https://youtu.be/qdRH93KHYpk

27. 8. Tagging Widget
Add, view and delete your own
Profile Tags

28. 9. Onboarding Wizard - Profile Picture Widget
With the Profile Upload Widget you will be able to upload a profile
picture and view your current picture

29. Improvements

30. 10. Aggregation for more News Widgets
Multi-Channel news
aggregation is now also
available for:
NewsList Widget
NewsOverview Widget

31. 11. Source-Links in Widget Editor
Easily navigate to the
source community or
the selected entries

32. 12. Links and Files Sort Options
Files Widget
Name
Last Update
# Comments
# Downloads
# Likes
# Shared
Links Widget
Name
Last Update

33. 14. Minor Improvements 1/3
People Selector Widget:
Department is now shown
Reduced number of server requests by
precautious adding of the requested
language
Reduced CSS code
Aggregated News Widgets now display the
News source by default
Profile Upload now works in more
customized environments
People-Birthday Widget supports more
date formats
People Birthday Widget now supports the
time format of the date picker of IBM
Connections
Item Count in Widget editor can now be
changed using arrow key shortcuts
Calendar Widget now shows All Day
events correctly in all time zones

34. 13. Minor Improvements 2/3
Navigation Widget will now navigate to
the first link in a page regardless of other
contents in the Wiki page
Embedded Experience now shows correct
comment counts when a Community/Blog
Admin shows comments and even sees
deleted comments
Pagenames are now case insensitive
Anonymous Layout now customizable
Mobile Navigation improved
Mobile Wiki Navigation without contents
will not open anymore
Search Input in the Files Widget is now
internationalized
Aggregated News do not display a "more"
button anymore
Login with mail-address is now supported
License key now domain specific,
permanent keys for demonstration & test
purposes are now available

35. 13. Minor Improvements 3/2
Administration Panel with improved user interface

36. Best Practices

37. 14. Acknowledgement Widget (custom request only)
Publish information (e.g. guideline) that needs to be acknowledged by the
employees
Appereance and behaviour is highly customizable

38. 15. New Employee Widget
The custom widget display new employees, who
have joined IBM Connections within a specific
amount of days
Ggive all new colleagues a face in your
connections before they even start connecting and
sharing information
It is recommended to use a profile extension field
that sets the entry date for each user
programmatically
The widget auto-slides through all new employees
By clicking the picture you open the employees
profile

39. 16. Customized PeopleFinder (custom request only)
We can provide you with a customized PeopleFinder substitution
Realized with a Clipping Widget
Now it is your choice which profile fields should be included in the
search, e.g.:
Job responsibilities
City
Department title
etc.

40. 17. Layout Samples 1
Colorful layout
Creative elements

41. 18. Layout Samples 2
Large Pictures with
white text in an
dark textbox

42. 18. Layout Samples 3
Left hand
navigation
Large background
image
Slightly transparent
widgets

43. 18. Layout Samples 4
“News of the
Day” next to the
activity stream

44. Appendix

45. XCC Release History (10-14 Week Release Cycle)
• 08.2012 Release 1.0
– for Connections 3.0
• 05.2013 Release 2.0 Beta
(Limited Availability)
– Connections 4.0
– Activity Stream on Homepage
• 10.-12.2013 Release 2.0, 2.01 -
2.03
(General Availability)
– Connections 4.0 & 4.5
– Personalization
– Improvements & Bug fixes
– Performance Increases
– Personalization for Custom Profile
Fields
• 01. & 02.2014 Release 3.0 - 3.02
– Improvements & Bug fixes
– New Widgets
– Mobile
– Grid Layout
• 03.2014 Release 4.0
– Extended Page Management
Capabilities
– UI & Performance Improvements
• 04.2014 Release 4.1
– Atom & RSS Feed Widgets
– List and Overview News Widgets
– People Finder Widget
– Breadcrumb Path & Navigation
– Multilingualism
• 08.2014 Release 5.0
– IBM Connections 5 Support
– Ideation-Blog Widget
– Picture Widget
– Import and Export of XCC page
– XCC uses database to store your
settings
• 10.2014 Release 6.0
– Forum Widget
– People Birthday Widget
– People Selector Widget
– Personalized Home Page
– Custom JavaScript
– Picture Slider in Embedded Experience
– Item Count Editor / Paging
• 12.2014 Release 7.0
– Suggestions Widget
– Profile Completion Widget
– Intranet Preferences Widget
– Popular Content Widget
– Many more…
• 03.2015 Release 8.0
– XCC for IBM Connections Cloud
– XCC for Communities
– XCC for Anonymous Users
– News Aggregation
– Saved Search
• 07.2015 Release 9.0

46. 56 XCC Widgets & Page Elements
1. ATOM / RSS Feed
2. Clipping / HTML
3. Community Overview
Widget
4. Events
5. Files
6. Ideation Blog
7. iFrame
8. FlyOut Page
9. Forum
10. Gallery
11. Important Links
12. Links
13. Picture Voting (CNX 4.5)
14. Navigation
15. News (Top News)
16. News (Single)
17. News Channel
18. News List
19. News Overview
20. News Slider
21. People Birthday
22. People Finder
23. People Selector
24. Preferences
25. Profile Completion
26. Profile Picture
27. Profile Tagging
28. Popular Content
29. Saved Search
30. Static Blog Content
31. Static Wiki Content
32. Suggestions
(People & Communities)
33. Website Navigation
& Breadcrumb Path
34. 22 x IBM Connections
MyPage Widgets
55. IBM Connections
Activity Stream
& Right Column
56. Custom Widgets API

47. What's in it for me?
Community
Managers
Line of
Business
Internal
Communication
s
Customers
& Partners
Mobile Users Anonymous
Access
Custom
Applications
Cloud Lovers
New Users
Average User
IT Department CFOs
http://www.slideshare.net/timetoact/xcc-benefits-who-profits-fr

48. Get Started with XCC - Alternatives
IBM Connections Cloud
See slide 8 in this presentation and
implement XCC in less then 60 min.
IBM Connections on Premises
Install XCC on your IBM Connections server
(see next slide)
Request from us an IBM Connections server with
XCC and demo content on

49. Get Started – Test drive XCC
1. Download XCC
https://greenhouse.lotus.com/communities/community/XCC
2. Install XCC
Less then 60 minutes
3. Test & Customize XCC
XCC now runs in Stealth Mode, i.e. is not visible to users.
XCC can therefore be installed, tested and customized in the
production environment without any interference with users.
Create and customize your first XCC pages
Customize Layout
Make XCC visible to all users, add new home button to CNX,
set XCC as CNX homepage

50. Call or Mail us for Questions !
Felix Binsack
(XCC Product Idea & Sponsor)
+49 221 97343-10
felix.binsack@timetoact.de
Babett Schäfer
(Intranet & XCC Consultant)
+ 49 221 97343-38
babett.schaefer@timetoact.de
Philipp van den Boom
(XCC Inside Sales)
+ 49 221 97343-66
Philipp.vandenBoom@timetoact.de
XCC Architects, Developers,
Customization & QA
Support Hotline
xcc-support@timetoact.de
http://xcc-support.timetoact.de
+ 49 221 97343-53

51. Thank you for your interest
xcc@timetoact.de
+49 221 97343 0
http://connections-apps.com/xcc