IBM Connections Pink App Dev Vision

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 Leland
STSM Connections AppDev, Middleware,
LiveGrid
Heath McCarthy
Senior 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 platform
UX Look & Feel
Data Content
Actions / Behaviors
2. Pink provides modern APIs
This means a complete set of REST APIs for each IBM Connections service
3. Ad-hoc situational apps
Users create and share simple apps
No/low code
Custom/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
Customer
Apps
IBM
Solutions
Green/Blue
Integrate into Pink
Experiences
Consume Pink just like a
Native Capability
Content
Applications
People
Applications

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 Example
Trilog ProjExec Live
• Authentication
• Use of Services/APIs
• Navbar Extension
• Connections Style
Philippe Riand
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
Muse
Extension
Extension
APP
Registry
Solution
Run-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 Anatomy
Suggested PeopleFavourites
Add RemoveCommunity
Home
(Go to Activity
Stream)

Watson Developer Cloud
IBM Connections Cloud
(Multi-tenant)
IBM Connections
(Blue)
3rd Party App Preferred Cloud
Container
Bluemix Containers
Xpages
NodeJS
Liberty
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, logical
workflows
2017
Interactive apps, seamless authentication
For cloud OR
on-premises
v5.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
Mapping
Throttling 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.

64

65

66

67

68
#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: heath_mccarthy@us.ibm.com

IBM Connections Pink App Dev Vision

Recommandé

Recommandé

Contenu connexe

Tendances

Tendances (18)

Similaire à IBM Connections Pink App Dev Vision

Similaire à IBM Connections Pink App Dev Vision (20)

Plus de LetsConnect

Plus de LetsConnect (20)

Dernier

Dernier (20)

IBM Connections Pink App Dev Vision

Notes de l'éditeur