what's new in xcc 12 - release

1

What‘s New in XCC 12

October 30th, 2016http://connections-apps.com/xcc

IBM Digital Workplace Hub

Powered by IBM Connections and XCC – Web Content & Custom Apps Extension

2

A. Branding “IBM Digital Workplace Hub”B. New Features

1. Page Templating / Inheritance2. Lock Functionality for Widgets3. Set XCC Page Access to

Community Access 4. New Capabilities for

IBM Connections Cloud 5. XCC4Communities now in

IBM Connections Cloud6. IFrame Widget in

IBM Connections Cloud7. Full Responsive Layout

8. Text on Widget Title Graphics9. Localizable Widget Title10. XCC4Communities with Navigation11. Embedded Experience Printing

C. New Widgets12. ActivityStream Widget13. Files Explorer Widget

with Folder Support14. My Quicklinks Widget15. My Notes Widget16. Teaser Widget17. Navigation Widget for XCC4Mobile

What’s New in XCC 12 (I/II)

3

D. Improvements18. Page Management - Filters19. Drag & Drop Upload of Files20. Selected Option for Navigation

Widget21. Page Settings - ‘Advanced section’22. Direct Saving - Save with CTRL + S23. Performance & Compatibility24. Internal Improvements25. IBM System I support

E. Best Practices25. Layout with Parallax Effect26. Employee Training and Testing with

FEB27. Connections Content Manager (CCM)

Widget F. Bugfixes

What’s New in XCC 12 (II/II)

4

A. Branding “IBM Digital Workplace Hub”

IBM now offers an IBM Connections and XCC in a software bundle as the “IBM Digital Workplace Hub”.

TIMETOACT will now refer to the bundle as the “IBM Digital Workplace Hub - Powered by IBM Connections and XCC – Web Content & Custom Apps Extension”.

Additionally TIMETOACT uses the term “TIMETOACT Universal Intranet” for the bundle.

Please don’t get confused !

5

New Features

What’s New in XCC 12

6

1. Page Templating / Inheritance

InheritanceGlobal Navigation

Corporate Top News

Intranet Master Template

Corporate Information

Free Space Free Space

Free Space Free Space

Corporate EventsFree Space

Global Navigation

Corporate Top News

BU 3 Page

Corporate Information

Regional News Regional Links

Curated Content Curated Content

Corporate EventsBusiness Unit News

7

1. Page Templating / InheritanceAll elements (widgets, grids and styles) defined in a page template will be inherited to the dependent pages. Editors of dependent pages cannot alter inherited items.Sample Use Cases:

Regional landing inherit corporate content (e.g. Top News, Corporate Events etc.)Branch landing pages inherit grids and layout from landing page template

8

1. Page Templating / Inheritance

The user interface is very simple:Define any page as a template with a click.Select a template on any given page. Only Web Masters are able to deselect the template. Users with “mere” Page Editors Access cannot unselect the template. Edit a page template, preview changes, once satisfied with the changes click “Synchronize Pages” to send updates to dependent pages.

9

2. Lock Functionality for WidgetsWeb Masters can lock individual widgets on any page.Locked widgets appear to page editors with yellow border, while editing the pagePage Editors can not edit or delete locked widgets.Sample Use Cases:Internal Communications partially delegates page management to line of business, but keeps, where desired, partial control of the page.

10

3. Set XCC Page Access to Community AccessXCC Read Access can be restricted according to any community. The Read Access Restriction can thus be inherited from a community. Or, in other words, the XCC read access management can be outsourced to a community. Of course, the community access can either be managed individually or be defined by an LDAP group.

11

Feature XCC 11 for IBM Connections Cloud

XCC 12 for IBM Connections Cloud

Header-Customization Limited Capabilities Full Header Customization available for all XCC Pages incl. Home Icon, Flyout Page, Full Responsiveness and Complete Layout Control

XCC for Anonymous Not Available AvailableXCC for Communities Not Available AvailableActivity Stream on XCC Pages Not Available Available with XCC Activity Stream WidgetiFrame Widget Not Available Available

4. New Capabilities for IBM Connections CloudXCC Cloud for IBM Connections Cloud is closing the feature gap to XCC for IBM Connection on premises

12

5. XCC4Communities now in IBM Connections Cloud

XCC4Communities is now available on IBM Connections Cloud.

Add interesting content in specific community contextAdd, edit and delete widgets within the XCC community page

13

6. IFrame Widget in IBM Connections Cloud

The iframe Widget can be used in XCC4Cloud and XCC4Communities now.

A few iframes are only interesting in specific community contextEmbed special iFrames to various communities

14

7. Full Responsive Layout with Custom Header

XCC can be used with the original IBM Connections header and footer to eliminate any differences between IBM Connections and XCC. With the original IBM Connections header comes the limitation in responsiveness.Alternatively XCC 12 can be used with a custom header. The custom header can either mimic the original IBM Connections header or be customized to any extend. While the custom header requires some programming it does offer substantial advantages:

Full responsive layoutIntegrated navigation for IBM Connections and XCC

15

7. Full Responsive Layout with Custom Header

Responsive header with integrated IBM Connections and XCC navigation

Mega navigation with IBM Connections menu opened

(In this example we are using a mega dropdown library, see website for more samples:https://codyhouse.co/gem/mega-dropdown/)

16

7. Full Responsive Layout with Custom Header

As page is scrolled down navigation remains visible but company logo size is reduced to fit within navigation

With reduced screen resolution Navigation is reduced to an icon. Icon opens a navigation menu from the side.Widgets are arranged below each other rather then besides each other

17

8. Text on Widget Title Graphics

In Widget Titles it is now possible to put the title on the image as overlay element.Easily integrate an image into your Widget title and write the title on the image

18

9. Localizable Widget TitleConfigure your Widget Title language easily to get everyone’s attention.

Ensure every person gets the Widget Title in his own languageEasily change the title of many Widgets centrally controlled by using localizable key

19

10. XCC4Communities with Navigation

It is now possible to navigate through XCC pages within XCC for Communities directly.

Leaving the community for navigating is not necessary anymoreEasily create a normal XCC page in XCC4C and open it directly

20

11. Embedded Experience Printing

Printing the Embedded Experience is available now.

Print Events, Forums and Ideation BlogsHTML and CSS perfectly reduced for printing without clutter

21

New Widgets

What’s New in XCC 12

22

12. ActivityStream WidgetNew ActivityStream Widget (available soon)

Position the Activity Stream anywhere on any XCC PageEliminates switching into IBM Connections

23

13. Files Explorer Widget with Folder Support

New Files Explorer WidgetBrowse and explore folders and filesDrill down into folder hierarchy and back upAll files available from XCC widget, no switching to community requiredEmbed multiple Files Explorer widgets on your XCC page

24

14. My Quicklinks WidgetThe ‘My Quicklinks’ widget allows users to access and maintain links.

Quick access to most frequented or most relevant links on XCC homepage or on XCC Flyout page.Personalize Intranet landing page to a hub for daily work

25

15. My Notes WidgetUse the ‘My Notes’ widget to create and maintain personal notes and or todos

Create, edit and set todos as completedPersonalize Intranet landing page to a hub for daily work

26

16. Teaser Widget

Present images as quick as never before.

Embed different images into your XCCEasily set a caption and a target link for your imageOnly set an image URI, no HTML or CSS needed

27

17. Navigation Widget in XCC4MobileThe Navigation Widget is now available in XCC4Mobile.

Navigate as easy as never beforeFind your content pages faster

28

Improvements

What’s New in XCC 12

29

18. Page Management - Filters

The Page Management in the AdminPanel has now two filters more.

You can filter for communitypages or templatesNew created templates or community pages can easily be listed

30

19. Drag & Drop Upload of Files

Drag & Drop is now available.Easily drop your file into the drag & drop areasDrag & Drop files into the customization or language files -list section Apply your changes faster than ever before

31

20. Selected Option for Navigation WidgetUse the Navigation Widget with selected post now.

Select a post of which the Navigation is going to be generatedChange the navigation quickly

32

21. Page Settings – ‘Advanced Section’The Page settings in the AdminPanel are now splitted into two sections.

Basically shown are PageId, PageTitle, Grid and LayoutThe advanced section offers more attributes and settings to edit the pageEasily expand or collapse the advanced settings‘Synchronize Pages’ - button also integrated in the advanced section

33

22. Direct Saving – Save with CTRL + S

Use CTRL + S to save your changes directlyClosing the editor before saving is not necessary anymore

34

23. Performance & Compability

Optimized internal Database AccessFewer, more efficient queriesImproved result cachingImproved connection pooling

Better Error-State-HandlingOverall better database access performance

35

23. Performance & Compability

JQuery updated from 2.14 to JQuery 3.0Slick Slider Update to 1.6.0Moment.js Update to 2.14.1

36

24. Internal Improvements

Better encapsulated object instancesNew, efficient function calls (JQuery 3.0)Shorter codeNew sorting consolidation

37

25. IBM System I support

XCC is now supported for IBM System I (I Series / AS/400)

38

Best Practices

What’s New in XCC 12

39

Very nice visual effectBackground scrolls faster than foreground with widgetsImplemented by using a simple custom.js calling ScrollMagic and TweenMax library

25. Layout with Parallax Effect

40

Using the Forms Experience Builder (FEB) to

Train Employees (e.g. Behavior in case of fire, compliance etc.)Test employees knowledge with a sequence of questionsEvaluate test resultsMaintain a list of employees who passed / failed the test

26. Employee Training and Testing with FEB

41

27. Connections Content Manager (CCM) Widget

Control and discover content in IBM Connections easily.

We now offer a CCM WidgetManage connections content easier

42

Bug Fixes

What’s New in XCC 12

43

Layout bugs in CNX 5.5 MediaGallery images loading bug PageEditor discard changes bug Ideation Blog Widget vote bug EE in Navi no comments bug EE linebreak bug Breadcrump alignment bug IE specific bugs (CNX) IFrame cancel bug

Edit Page bug Community Overview Widget bugs Static Content Wiki bug XCC4C AdminPanel error bug Events Widget Pagination bug Clipping Widget in Anonymous

bug ProfileCompletion MultiLine

Profile Extension bug

Bugfixes

44

E. Mobile Bugfixes Ideation Blog click on entry results

error bug Saved Search News/Forum Widget – Likes and

Comments bug

Mobile Bugfixes

45

Appendix

What‘s New in XCC 12

46

1. ActivityStream1. ATOM / RSS Feed2. Clipping3. Community Description4. Community Overview5. Event6. Files7. Files Explorer8. Forum9. HTML10. Ideation-Blog11. IFrame12. Important Links13. Links14. Media Gallery15. My Links16. My Notes17. My Quicklinks

18. Navigation19. News20. News Channel21. News List22. News Overview23. News Slider24. People Birthday *25. People Finder26. People Selector27. Pinned Files28. Popular Content29. Preferences30. Profile Completion31. Profile Picture32. Profile Tagging33. Saved Search34. Static Content - Blog35. Static Content - Wiki

36. Suggestions *(People & Communities)

37. Tag Cloud38. Teaser39. Top News40. FEB Data Widget *41. FEB Form Widget *42. Website Navigation

& Breadcrumb Path43. 22 x IBM Connections

MyPage Widgets 64. IBM Connections *

Activity Stream & Right Column

65. Custom Widgets API

* Not available in IBM Connections Cloud

XCC Widgets & Page Elements

47

08.2012 Release 1.0for 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.03(General Availability)

Connections 4.0 & 4.5PersonalizationImprovements & Bug fixesPerformance IncreasesPersonalization

01.-02.2014 Release 3.0 - 3.02 Improvements & Bug fixesNew WidgetsMobileGrid Layout

03.2014 Release 4.0Extended Page Management CapabilitiesUI & Performance Improvements

04.2014 Release 4.1Atom & RSS Feed WidgetsList and Overview News WidgetsPeople Finder WidgetBreadcrumb Path & NavigationMultilingualism

08.2014 Release 5.0IBM Connections 5 SupportIdeation-Blog WidgetPicture WidgetImport and Export of XCC pageXCC uses database to store your settings

10.2014 Release 6.0Forum WidgetPeople Birthday Widget

People Selector WidgetPersonalized Home PageCustom JavaScriptPicture Slider in Embedded ExperienceItem Count Editor / Paging

12.2014 Release 7.0Suggestions WidgetProfile Completion WidgetIntranet Preferences WidgetPopular Content WidgetMany more…

03.2015 Release 8.0XCC for IBM Connections CloudXCC for CommunitiesXCC for Anonymous UsersNews AggregationSaved Search

XCC 1.0 – 8.0 Release History (2012 – 2015)

48

07.2015 Release 9.0XCC FlyOut PageXCC for IBM Connections CloudGallery WidgetCommunity Overview WidgetCustom Widget APIClient-Side-Caching

12.2015 Release 10Custom GridsAccess Restrictions for XCC PagesBusiness Cards in XCC PagesIntegrated Code Editor Clipping WidgetCommunity Description WidgetPinned Files WidgetMy Links WidgetTag Cloud WidgetIBM Connections 5.5 Compability

03.2016 Release 11 Advanced Personalization with Boolean OperatorsForms Widget Release 1.0Media Gallery Widget with Video SupportAtom / RSS Widget with Rich Content and PersonalizationXCC Admin DashboardEvents Widget 2.015 Improvements…

10.2016 Release 12Page Templating / InheritanceLock Functionality for WidgetsSet XCC Page Access to Community AccessNew Capabilities for IBM Connections Cloud (Iframe Widget, XCC4Communities, …)Widget Title with Graphic & Text

and LocalizableXCC4Communities with NavigationEmbedded Experience PrintingActivityStream Widget (coming)Files Explorer Widget with Folder SupportMy Quicklinks WidgetMy Notes WidgetTeaser WidgetNavigation Widget for XCC4Mobile

XCC 9.0 - 12. Release History (2015 – 2016)

Fast Weeks Release CycleIndependent from IBM Connections Release Cycle

49

New VideosUniversal Intranet – Introductionhttps://youtu.be/oAjlVsmkAtE

Universal Intranet - A Truly Integrated User Interfacehttps://youtu.be/8TslN2ZE2vo

Universal Intranet - An Examplehttps://youtu.be/ePWjNOy3PAQ

Info Graphic with Sample Pagehttps://connections-apps.com/new-infographic-for-the-universal-intranet-ibm-connections-and-xcc/

More Information

50

Infos & Salesxcc-sales@timetoact.dehttp://connections-apps.com/xcc+49 221 97343 0

Felix Binsack XCC Product Idea & Sponsor+49 221 97343-10felix.binsack@timetoact.de

Philipp van den Boom XCC Inside Sales+ 49 221 97343-66philipp.vandenboom@timetoact.de

Babett Schäfer Consultant+ 49 221 97343-38babett.schaefer@timetoact.de

Call or Mail us for Questions!

Tech Support xcc-support@timetoact.dehttp://xcc-support.timetoact.de+ 49 221 97343-53

Björn GreulichXCC Inside Sales+ 49 221 97343-244bjoern.greulich@timetoact.de

Jan Hendrik GroeneConsultant+49 89 3840850jan.groene@timetoact.de

Otto FoergConsultant+49 89 38408529otto.foerg@timetoact.de

51

Thank you for your interest

xcc@timetoact.de+49 221 97343 0http://connections-apps.com/xcc