app dev and partner ecosystem for pink social connections 2017

Social Connections 11 Chicago, June 1-2 2017

TURNING THE IBM COLLABORATION ECOSYSTEM PINK

Maureen Leland (IBM) @mvgirl

Heath McCarthy (IBM) @heathwulf

PLATINUM SPONSORS

GOLD SPONSORS

SILVER SPONSORS


This is Us

Maureen LelandSTSM Connections AppDev, Middleware, LiveGrid

Heath McCarthySenior Offering Manager, AppDev and Partner Ecosystem


Session Highlights

• The Pink App Dev Vision

• Integrating into Connections

• Pink APIs

• Situational Apps Strategy

• Empowering App Developers

5 6/5/2017

The Collaboration Paradox

• The explosion in niche apps, driven by “consumerization of IT” has given users choice.

• But productivity has gone down because “we” are not using the same tools.

• And we ended up working in fragmented silos so we are reinventing and confused


Connections as a “Collaboration Hub”

IBM Connections Cloud(Integration Framework)

Content Apps Tools People Cognitive


Pink App Dev Vision

1. Customizable and Extensible platformUX Look & FeelData Content Actions / Behaviors

2. Pink provides modern APIsThis means a complete set of REST APIs for each IBM Connections service

3. Ad-hoc situational appsUsers create and share simple appsNo/low codeCustom/industry apps by developers

Next Gen IBM Connections has App Dev at its core !


Extensions and Customizations


APIs/ServicesExtensibility

Communities

Content Experiences

LiveRemarks

People Experiences

LiveGrids

NavBar

Orient Me & ITM

Action Center

News & Notifications

Grids

Content/Files Service

People Service

Cognitive

Search

Share Service

News & Notifications

Integrated Experiences

Partner Solutions

Situational Apps

Watson Workspace

CustomerApps

IBMSolutions

Green/Blue

Integrate into Pink Experiences

Consume Pink just like a Native Capability

Content Applications

PeopleApplications


Connections Experience Patterns

Pattern 1

Native Connections

Pattern 2

Embedded Experience

Pattern 3

Unified experience

Events pushed into Connections Activity Stream,

Orient, or Action Center

LiveGrid

Community App

ActivityStreams Embedded Experience

Muse (Connections Proxy)

Navbar

Important to Me

Orient


Unified Experience ExampleTrilog ProjExec Live

• Authentication

• Use of Services/APIs

• Navbar Extension

• Connections Style

Philippe Riand

http://infolib.lotus.com/resources/oneui/3.0/docPublic/index.htm

http://infolib.lotus.com/resources/oneui/3.0/docPublic/index.htm


The Connections App

A way to add value to Connections

An Integrated Experience (IBM, AppFusions, etc)

A social/collaboration solution (ISVs like. Trilog)

Collection of Extensions


IBM Collaboration Cloud Extensions

Verse

• Business Card

• Inbox/Read

• Message Compose

• Mail on send

• More…

Connections

• Community

• Navbar

• Muse

• More…

Watson Workspace

• Space

• Message

• Moments


Basic Architecture of an Integrated App

Catalog

IBM Connections Cloud

(Multi-tenant)

Extension

Extension

Extension

Extension

MuseExtension

Extension

APP

Registry

SolutionRun-Time

Service

Service

Service

My Org APPs


New Connections App Registry

• Registry is the definition for a specific ORG of what is deployed to the ORG

• Defined JSON Schema


The App Reg Model

• Services are top level components like

Communities, Verse, Muse etc

• Services declare Extension Points that

expose customizable features

• Apps are simply containers for one or

more extensions

• An Extension is an implementation of an

Extension Point


Sample ITM Customization• Important To Me (ITM) Bar – A New Pink Component• Out-of-the-box ITM Bar is populated with entries (people and

communities)• Content is auto-populated for each user based on user’s own choices

and ITM suggestions• Extensibility empowers organizations and users by• Enabling control over ITM Bar content and entry behavior • Overriding the auto-population with what is known to be important

to ourselves!

• ITM Bar AnatomySuggested PeopleFavourites

Add RemoveCommunityHome

(Go to Activity Stream)


Watson Developer Cloud

IBM Connections Cloud(Multi-tenant)

IBM Connections(Blue)

3rd Party App Preferred Cloud Container

Bluemix Containers

Xpages

NodeJSLiberty

WAS (Connections Blue)

On-Prem Servers/Private Clouds

Docker

Mongo

Customer Firewall

Node

Integrating with Connections

A Runtime View

Pink Private Cloud

Pink


Who Creates Apps

By IBM

• ICS developers create integration code (eg. Sharepoint, Cisco, Box)

• Poor track record; would need to improve and scale our ability to maintain and enhance integration

3rd Party Solution Providers (ISVs)

• This works for ISV solution providers who need to get their solution working in the ICS experience if they want to drive revenue

• Does not work when 3rd party has better revenue options or is a competitor

Integration Framework Provider

• 4th party solution that builds the MVC that integrates ICS with a 3rd service provider (eg. Salesforce)

• Customer would need to be willing pay even when they already own both the ICS and the 3rd party solution

• Is not a channel for 3rd party

• Could be IBM funded to sell ISV Solution Bundles

App Developer Community

• Customers

• Partners (eg. VARs)

• ISSC

Business Users

• Situational Apps

• No/low code

• Template Driven


Activity streams and embedded experiences

Common and custom application integrations

Just works!Seamless UX, SSO, logicalworkflows

2017

Interactive apps, seamless authentication

For cloud ORon-premisesv5.5 CR1+

Integration Framework


Pink App Dev Vision

Customization without Compromising the 4 S’s• Scalability• Security• Stability• Servicability

Standardization vs

Customization

Image Source: article on saascribe.com by Michael Cullen


Proxy Formally known as Muse

Injection Proxy for…

• Experience

• Client-side logic

• Style

• And more!


Proxy Formally known as Muse

See Andre’s Session


Modern APIs

Atom is good for chemists, not developers!


Pink Means Usable APIs

• Existing Connections APIs are plentiful, but not easy to use

• Pink means it’s time to rethink, redesign, rework

• Modern APIs with consumable JSON payloads

• Reimagined for ease of use

• GraphQL option to allow you to get just what you need

• All surfaced through a common middleware layer to ensure consistency across the Connections services

• Documentation (Swagger anyone?)


Would You Rather…


Or…


How do we transition without breaking customers and

partners?

Green feature


Green feature


partners?


Green feature

Pink feature


partners?



partners?


Are you going to break my applications?

NO!!!


Proxy

Middleware layer

API gateway

API assembler New-to-IC6 APIs IC6-to-New APIs GraphQL

MappingThrottling Caching

Authentication Response modification

……


partners?


Proxy

Middleware layer

API gateway

API assembler GraphQL

Mapping

Green feature

Throttling Caching


……

New-to-IC6 APIs IC6-to-New APIs


partners?


Proxy

Middleware layer

API gateway


Mapping

Pink feature


Throttling Caching ……



partners?


Proxy

Middleware layer

API gateway


Mapping

Pink feature



New feature

Micro service 1

Micro service 3

Micro service 2

Micro service 4



partners?


Proxy

Middleware layer

API gateway


Mapping

Pink feature



Green feature



partners?


Demo Time!!

Pink APIs for apps that can fly!


APIs for Existing Connections Services

• Will continue to work, as is, no fear!

• Translation layer ensures compatibility even if we replace the service

• But now you will have an alternative

• JSON payloads/responses

• Consumable payloads

• Redefining APIs around what people actually need to do

• Leverages Loopback to translate the APIs

• Swagger interface for documentation and experimentation


Situational Apps

Project LiveGrid


What Are Situational Applications?

• Often have a short lifespan, created for a group of users often by one or more of the users themselves

• Solves a particular business need

• Easy to modify as the needs of the group evolve

• Inherently collaborative – for and by the group

• The term was coined by Clay Shirky in 2004*, but this division in IBM has been building them for more than a decade before that!

* https://en.wikipedia.org/wiki/Situational_application


Why Situational Applications?

• Situational application tools empower “Everyman” to build an application to support their needs

• The Connections platform has lots of components, but has been missing the ability for users to spontaneously create these applications

• Situational applications give people the ability to customize the platform in a framework that is part of the platform

• Situational applications will make Connections more flexible, and our users happier, so…

• Let’s do it!


Pink Means Apps: Project LiveGrid

• Situational apps with a twist of API

• Embeddable in Connections, run standalone, or pull the data into your own application


Project LiveGrid the Chameleon

• As simple as a list builder for end users

• Or as powerful as a programmatically accessible application with persistence for developers


Simple Does Not Mean Simplistic

• Comes with a built in data store (Mongo)

• Simple programmability for your end users(@UserImage, @Total, …)

• JavaScript for your developers


Stencils and Styles as Building Blocks

• Start from scratch, a sample grid, a spreadsheet, or from a REST API• Weather data, Connections, Domino , …

• Visualize and style your application with stencils and stylesheets


Demo Time!!

A grid with an API in the blink of an eye…


And (of course)… It’s Extensible

• List of “starter grids”

• Stencils

• Styles

• Controls

• Programmability (add @functions, etc)

• Let us know how you want to contribute!


Project LiveGrid Demo Summary

• To end users, it is a simple list building tool

• To developers, it builds applications, with APIs to power extensions

• To business partners, it’s an opportunity


IBM Collaboration Cloud

Developer Resources


2017 Goals of App Strategy

Implement New Connections

Catalog

Launch V1 with updated 3rd

Party Solutions

Stream-lined app developer

process

App Validation process

App Life Cycle Management

Customization Proxy

New Extension Points

Middleware/APIs

API Explorer, etc


Top Priorities (Outcomes)

Org Admin can better manage apps in the Connections Cloud

App Developers can build and integrate rapidly

Customers Can Try & Buy Add-ons and Solutions

Users can Share Apps

(Driving Viral Adoption)


An organization admin can easily find and enable

3rd party applications to make their

organization more productive.

Social Connections 11 Chicago, June 1-2 201768#engageug


A developer can quickly integrate an app

that can be used by their organization.


Agile – Achieving Other Priorities

• Share Apps

• Submit apps

• On-prem apps

• Private Cloud Catalog

• ICS App Catalog


IBM Connections Cloud App Dev

A developer can, in 1 hour:Discover Pink app dev

capabilities

Learn how to integrate into and consume capabilities from Pink

Build a value-add solution via integration with Pink

Deploy that solution to an Org

and Submit that solution into the ICS Catalog


App Dev Engagement

Access Pink Code

Reservation System for ServerPool Images

Regression Testing

Pink Playbacks

To Participate email: [email protected]

PLATINUM SPONSORS

GOLD SPONSORS

SILVER SPONSORS

app dev and partner ecosystem for pink social connections 2017

Software