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

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

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

• 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

MuseExtension

Extension

Registry

SolutionRun-Time

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

Customer Firewall

Integrating with Connections

A Runtime View

Pink Private Cloud

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

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…

How do we transition without breaking customers and

partners?

Green feature

partners?

Green feature

Pink feature

partners?

Are you going to break my applications?

Middleware layer

API gateway

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

MappingThrottling Caching

Authentication Response modification

……

partners?

Middleware layer

API gateway

API assembler GraphQL

Mapping

Green feature

Throttling Caching

……

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

partners?

Middleware layer

API gateway

Mapping

Green feature

Throttling Caching

……

partners?

Middleware layer

API gateway

Mapping

Green feature

Throttling Caching

……

partners?

Middleware layer

API gateway

Mapping

Green feature

Throttling Caching

……

partners?

Middleware layer

API gateway

Mapping

Green feature

Throttling Caching

……

partners?

Middleware layer

API gateway

Mapping

Green feature

Throttling Caching

……

partners?

Middleware layer

API gateway

Mapping

Green feature

Throttling Caching

……

partners?

Middleware layer

API gateway

Mapping

Pink feature

Throttling Caching ……

partners?

Middleware layer

API gateway

Mapping

Pink feature

New feature

Micro service 1

Micro service 3

Micro service 2

Micro service 4

partners?

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

PLATINUM SPONSORS

GOLD SPONSORS

SILVER SPONSORS

App dev and partner ecosystem for pink social connections 2017

Software

Pink Heels Pink Truck Internship

290700 FEITH MHOR TO INVERNESS TO PERTH HIGHLAND … · 801 pink 802 pink 803 pink 814 pink 804 pink805 pink 806 pink 807 pink 808 pink 811 pink 812 pink 813 pink 815 pink 816 pink

Dev Ecosystem State of the Union

Ran Pink - Think Pink

2012 Think Pink, Practice Pink

mrmiller.cmswiki.wikispaces.netmrmiller.cmswiki.wikispaces.net/file/view/Pink Vocab Sheet0001.pdf... · Name CHAPTER ECOSYSTEMS AND BIOMES ... producer consumer ecology ecosystem

Dev ops != Dev+Ops

Beautiful bouquets for your loved ones - FREE UK Flower ...beautiful bouquet! Contains pink roses, pink germini, pink ranunculus, pink carnations, pink spray chrysanthemum and greenbell

panchayat.rajasthan.gov.inpanchayat.rajasthan.gov.in/Devasthan/lottery_result/Fm...DEV/25089 RAMDEV SAiN RIJKMANI DEV/25437 DEVI DEV/26858 DEV/27476 DEV/ 28154 DEV/ 28976 DEV/29491

CONVERSION CHART€¦ · Dahlia Pur le 676 iolet 36 Black Che 79 Process Red 755 ot Pink 703 Hot Pink + White 723 Blush Pink 761 Deco Pink Deco Peach 850 Pink Rose 772 Salmon Pink

ZoneMinder Documentation - Read the Docs · ZoneMinder Documentation ... dev libswscale-dev libavutil-dev libv4l-dev libtool ffmpeg libnetpbm10-dev libavdevice-dev ... with the manual

UI Evolving Platform Evolving Architecture Evolving · Amazon Go store Ignore Script Dev Desktop Dev Web Dev Mobile App Dev Chatbot Dev Skills Dev IoT Dev. 5 ... Application Connector

uskidsgolfpro.com uskidsgolfcoach · White (LH & RH) Yellow or Pink Yellow Yellow U.S. Kids Golf Accessories Red, White, Royal, Pink White, Pink Red, White, Royal, Pink White, Pink

Arab Health Participation Wonju Medical Device Export AgrærTPr1t Rormtion of next-generation bio-tpalth ecosystem dev€oprnent 2018 Digital healthcare alliance launctpd 03 forward

jaipur.rajasthan.gov.injaipur.rajasthan.gov.in/content/dam/doitassets/jaipur/pdf/yatra/Air_Sel.0001.pdf · dev/3989 dev/4044 dev/4052 dev/4088 dev/4089 dev/4260 dev/4306 dev/4433

INTRODUCES - Riley Blake Designs€¦ · Pink Princess Main Multi Princess Stripe Pink Princess Dot Pink Princess Unicorn Pink Princess Frog Pink Princess Floral ©2016 RILEY BLAKE

294500E 295000E 295500E 296000E Ellands Burn · Ellands Burn PINK PINK 2301 PINK 2305 PINK 2304 PINK 2308 2306 PINK 2307 PINK 2309 PINK 2311 2310 PINK 2312 PINK 2313 PINK 2303 BLUE

Frank Dev of Under Dev

Presentación de PowerPoint - Elite Flower Roses · 2020. 9. 29. · PINKFLOYD Hot Pink TOPAZ Hot Pink HOTLADY Hot Pink TAIGA Hot Pink SWEET UNIQUE Medium Pink SOLITAIRE Hot Pink

Dorcel TV HD, Brazzers TV, Dusk! TV, Hustler ... - totaltv.hr · Show, Pink Style, Pink Fashion, Pink Kuvar, HA HA , LOL, Pink World, Pink Folk, Pink Folk 2, Bravo Music, Pink Music