In this session learn about another of the new Connections Pink components – Pink Note. If you have used IBM Docs, then you are already familiar with On-line viewing and editing capabilities working with documents, spreadsheets, and presentations. Now let’s explore the new capabilities of project Pink Note – learning how to quickly and easily start creating, managing, and even co-editing in a ‘note’ format. Then share/publish the note to a wiki, blog, etc . Also come see a demo and introduction to the technology behind the Docs Electron client project and how to integrate this Docs RTE(Rich text editing) into your own web application.

1. Vienna, October 16-17 2017
Project Pink Note
New Note Editor Based on IBM Docs
TechnologyJim Puckett
Offering Manager
IBM Connections, IBM
Docs

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

3. Social Connections 11 Chicago, June 1-2 2017Social Connections 12 Vienna, October 16-17 2017
PLATINUM SPONSORS
GOLD SPONSORS
SILVER SPONSORS
BRONZE SPONSORS

4. Social Connections 11 Chicago, June 1-2 2017Social Connections 12 Vienna, October 16-17 2017
Vienna, November 16-17 2017
Intro - IBM Docs Today
IBM Docs Next
Project Pink Note (Docs Note)
Use Case
Architecture
Demo

5. Social Connections 11 Chicago, June 1-2 2017Social Connections 12 Vienna, October 16-17 2017
IBM Docs Today - Introduction On-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

6. Social Connections 11 Chicago, June 1-2 2017Social Connections 12 Vienna, October 16-17 2017
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/

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

8. Social Connections 11 Chicago, June 1-2 2017Social Connections 12 Vienna, October 16-17 2017
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+)

9. Social Connections 11 Chicago, June 1-2 2017Social Connections 12 Vienna, October 16-17 2017
Introducing
IBM Docs Next

10. Social Connections 11 Chicago, June 1-2 2017Social Connections 12 Vienna, October 16-17 2017
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 3
rd
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”

11. Social Connections 11 Chicago, June 1-2 2017Social Connections 12 Vienna, October 16-17 2017
IBM Docs Next -UI Modernization
Designs are subject to change

12. Social Connections 11 Chicago, June 1-2 2017Social Connections 12 Vienna, October 16-17 2017
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.

13. Social Connections 11 Chicago, June 1-2 2017Social Connections 12 Vienna, October 16-17 201713
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 ?

14. Social Connections 11 Chicago, June 1-2 2017Social Connections 12 Vienna, October 16-17 201714
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 …

15. Social Connections 11 Chicago, June 1-2 2017Social Connections 12 Vienna, October 16-17 2017
Project Pink Note
1.Note taking
2.Collaborative editing
3.Sync
4.@Mention
5.Addon(Plugin) support
6.Publish to Wiki/blog etc
7.Cognitive
8.iOS/Android app

16. Social Connections 11 Chicago, June 1-2 2017Social Connections 12 Vienna, October 16-17 2017
Caitlin is a Marketing Manager,
she needs to promote a new
campaign, working with her
network.
Designs are subject to change

17. Social Connections 11 Chicago, June 1-2 2017Social Connections 12 Vienna, October 16-17 2017
Caitlin uses Docs Note to
start getting her ideas
organized
Designs are subject to change

18. Social Connections 11 Chicago, June 1-2 2017Social Connections 12 Vienna, October 16-17 201718
Docs Note has rich
content capabilities
- she can drag
images from
desktop or Files .
Designs are subject to change

19. Social Connections 11 Chicago, June 1-2 2017Social Connections 12 Vienna, October 16-17 201719
Caitlin wants to
bring in her team to
help complete the
work. Co-editing will
save time and
avoids versioning
issues.
Designs are subject to change

20. Social Connections 11 Chicago, June 1-2 2017Social Connections 12 Vienna, October 16-17 201720
With the work done,
Caitlin can now
publish it to the
Marketing
Community Wiki
Designs are subject to change

21. Social Connections 11 Chicago, June 1-2 2017Social Connections 12 Vienna, October 16-17 2017
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 in
conflict when multiple people want to edit
together (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)

22. Social Connections 11 Chicago, June 1-2 2017Social Connections 12 Vienna, October 16-17 2017
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

23. Social Connections 11 Chicago, June 1-2 2017Social Connections 12 Vienna, October 16-17 2017
Pink Note Architecture
Designs are subject to change

24. Social Connections 11 Chicago, June 1-2 2017Social Connections 12 Vienna, October 16-17 2017
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

25. Social Connections 11 Chicago, June 1-2 2017Social Connections 12 Vienna, October 16-17 2017
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
Designs are subject to change

26. Social Connections 11 Chicago, June 1-2 2017Social Connections 12 Vienna, October 16-17 2017
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.

27. Social Connections 11 Chicago, June 1-2 2017Social Connections 12 Vienna, October 16-17 2017
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

28. Social Connections 11 Chicago, June 1-2 2017Social Connections 12 Vienna, October 16-17 2017
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
Designs are subject to change

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

30. Thank You !
Let IBM transform your business with a
#newwaytowork
#IBMDocs
#IBMConnections
Start your free trial
http://ibmcloud.com/social