project pink note – new note editor based on ibm docs technology

Vienna, October 16-17 2017

Project Pink Note New Note Editor Based on IBM Docs TechnologyJim Puckett

Offering Manager

IBM Connections, IBM

Docs

Social Connections 11 Chicago, June 1-2 2017Social Connections 12 Vienna, October 16-17 2017


PLATINUM SPONSORS

GOLD SPONSORS

SILVER SPONSORS

BRONZE SPONSORS


Vienna, November 16-17 2017

Intro - IBM Docs Today

IBM Docs Next

Project Pink Note (Docs Note)

Use Case

Architecture

Demo


IBM Docs Today - IntroductionOn-line, socially enabled office productivity tools-Document, Presentation, and Spreadsheet editors.

High Fidelity Viewer provides a rich display with ability to interact with content (eg: copy, show/hide )

Key Items :• Cloud or On Premises Deployments• Work in one primary document: One version of the truth• Real-time co-editing in all editors• Commenting: Collaborative and Directed (@mentions)• Works with what you use: Microsoft Office and Open

Document formats • IBM Integrations: Connections File, CCM , Filenet• API for 3rd party repository integration (Box, Alfresco,

SharePoint)

A better way to collaborate... together


Docs 2.0 and Box.com Using IBM Docs with 3rd Party Repositories

IBM Docs as Common Editor for Multiple File Repositories

• Box.com• SharePoint• Alfresco

Integration Support• File View, Edit

• Collaborative editing

• Save file back to repository

API

• CMIS API, or Restful API

https://www.ibm.com/blogs/ibm-social-software/2016/05/03/use-ibm-docs-2-0-to-edit-files-in-box/


IBM Docs 2.0 CR3 - just around the corner …Connections support

–Maintain IC 5.0/5.5/6.0 integration support• Editor enhancement

–Track change support in Document Editor (online editing only)–@mention improvement for better performance–Two more formulas in Spreadsheet: EDATE and EOMONTH

• Integration –Notification API of editing session start/end for 3rd party repository integration–Customized & dynamic watermark rendering in File preview mode for Document and Spreadsheet files–Cell Protection support for 3rd party repository integration–Filenet/ICN integration

-Multiple desktop support interface-Auto-save, auto-check in option through configuration setting(default off), surface check-in button on top binder.

• Deployment –Deploy Conversion server on Linux–Migrate existing Conversion server from Windows to Linux

• Upgrade (directly from) –Docs 2.0, Docs 2.0 CR1, Docs 2.0 CR2

• Non-functional –TLS 1.2 support (Connections 5.5+)


Introducing

IBM Docs Next


IBM Docs in Connections Next & Docs Note - “Pink Docs”

• Micro-service model and container (e.g Docker) deployment model.

• Further development and enhancement of Docs APIs allowing for new

extensibility and integration options.

• Updated UI , that is customizable (ex: Connections Customizer)

• Cognitive - Utilize 3rd

party integration to provide access to multiple data

sources - to improve quality and speed in content creation. Content

suggestions, Content search; Smart Sharing and @mention recommendations.

• New opportunities: co-editing as a service. (concept exploration)

• Collaborative enhancements : Observer mode, increased number of editors in

single session, embed audio/video.

• Create Content (ex: new note) for personal use,

and easily invite others to collaborate and co-edit.

• Integration with Connections Files, Watson

Workspace, Connections Content Service, etc - to

provide ‘any time’ content create, review and

organization.

• Capture ideas from any device, even off line and

sync when connected.

• Lightweight task and to do management for

individuals or team projects. Check list and TODO

management.

"Pink is flexible, open and extensible - easy to deploy and continuously updated”

“Docs Next” “Docs Note”

“IBM statements regarding its plans, directions, and intent are subject to change or withdrawal without notice at IBM’s sole discretion”


IBM Docs Next -UI Modernization

Designs are subject to change


Why Pink Note ?

12

Think of how you interact with content

today - reading posts (wiki,blogs) , taking

notes in business meetings, creating

project reports, collaborating with a team.


How easy is it to start taking notes in a

meeting ? What happens when you want to

have a co-worker co-edit on that note ? Can

you easily turn that note into a blog post ?


Create content faster, easier and from

anywhere. Using a connected space with

flexibility to support all phases of content

curation. Create it, Share it, Review it,

Organize it, Publish it .

Pink Note is the new way …


Project Pink Note

1.Note taking2.Collaborative [email protected](Plugin) support6.Publish to Wiki/blog etc7.Cognitive8.iOS/Android app


Caitlin is a Marketing Manager,

she needs to promote a new

campaign, working with her

network.



Caitlin uses Docs Note to

start getting her ideas

organized



Docs Note has rich

content capabilities

- she can drag

images from

desktop or Files .



Caitlin wants to

bring in her team to

help complete the

work. Co-editing will

save time and

avoids versioning

issues.



With the work done,

Caitlin can now

publish it to the

Marketing

Community Wiki



Why Pink Note?

Current Problems• Co-authoring needs multiple steps, individual

user create/edit in personal tools like as notepad, then post in Wiki or blog, inform other people to review.

• Current wiki/blog are do not have collaborative editing support, can result inconflict when multiple people want to edittogether (especially for Wiki).

Proposed Solution• User starts content editing from Pink note.• Invite people to collaborate and review the content.• Publish to wiki/blog or 3rd party site once content

ready.

Customer Value• Easy to start/create content any time, any where.• Cognitive writing assistance.• Centralized personal note management.• Efficient team collaboration on shared note/content.• Lightweight task/todo management (team meeting

notes, project updates, etc)


Project Pink Note Architecture

•Pink Note• Client = Electron + React + Docs RTE component

• Server = Docs Next microservice backend

• API = Docs 3rd party integration + Docs js api + Docs addon


Pink Note Architecture



Software Stack

• SpringBoot• Simplify development and deployment

• eMQTT• Broadcast the server changes to client side

• Redis• Store the document draft content as cache

• Eureka/K8S • Service Discovery

• MongoDB• Store the document draft content and

messages


Docs Next – Microservice Backend (Pinkified)

Spellchecker Service

Docs Services

Integration

Files Box

Verse

Connection Profiles

Third Party Profiles

Document Service

Draft meta

Draft content

Co-editing Service

Operation Transform

Message save and retrieve

Web Resource

JS and CSS

Images

Conversion Service

Convert document between different document formats

Retrieve and update content to related

repository

Document Modeling

Serialize draft content with input

messages

Third party OT integration via REST

Pink Content Service

Redis

MongoDB

MQ

Meta/content in MongoDB

Meta/content in Redis

Message in MongoDB

Queue in ActiveMQ/Artemis

Middleware

Push Notification

Push Service

File CRUD User Info Co-editing

View Service

Repository Service

File CRUD operations with 3rd party

Directory Service

User information access and

entitlement check

FileNet

Eureka

Document

SpreadSheet

Presentation

Pink Note

……..

Pink Note



IBM Docs C/RTE Component

IBM Docs C/RTE component :

• Reusable rich text editor javascript component (has internal document model and uses advanced layout engine to dynamically render HTML DOM on demand )

• Co-editing capability -utilizing IBM Docs server side microservices.


Key Design Considerations

• Scalability (easily manage up/down)• Cross datacenter support• Decoupled micro-service architecture• Open APIs for 3rd party application to leverage• Backward compatibility of integration API • Deployment model - Public Cloud and Private Cloud


Concept: IBM Docs Note Integration with Watson Workspace

• Select sidebar, to see the note which is currently active and list of other notes that are in this teamspace.

• Commenting and @mentions are also supported for attention management, etc

• From a Space, right click to create New Note

• Rich content options available with context menu

• See other co-editors and color highlights



Demo

Thank You !

Let IBM transform your business with a#newwaytowork

#IBMDocs#IBMConnections

Start your free trialhttp://ibmcloud.com/social

http://ibmcloud.com/social

project pink note – new note editor based on ibm docs technology

Business