Accessing the Alfresco repository from SharePoint is a big opportunity for some organizations who are looking to avoid to store everything in SharePoint and to centralize their documents in Alfresco. Taking the opportunity with the new version 1.1 of CMIS, we decided to build UI components on top of SharePoint using only common web technologies i.e. JS, HTML or CSS. The goal of these components is to be highly configurable and easy to customize depending of use cases.

1. Integrating Alfresco with
SharePoint & Drupal
Using CMIS
Ben Chevallereau
Jim Nasr

2. Introduction to the Solution

3. What is this?
! Provide SharePoint users direct
access to CMIS-enable repositories
! Follow SharePoint UX guidelines for
ease of use
! Configurable for easy integration
! Document manipulation features
including: Search, Navigation,
Viewing, Upload and Update
! Direct access to ECM
repositories through CMIS
! Extensible Framework for New
Solutions
! Open Source – Apache
Chemistry Project
! Fully CMIS Compliant

4. A bit on CMIS...

5. So what?!
! Increase user adoption with ease of use
! Eliminate content silos
! Reuse SharePoint and other ECM solutions
! Faster time to solution with less resources
! Full power of ECM from SharePoint
! Bridge organizations and their content
! Share solutions and burden through open source
! No vendor lock-in

6. Use cases?
! Collaboration – SharePoint to CMIS repository
! Secure Storage in CMIS repository
! Records Retention
! Enterprise Search and Knowledge Base
! Compliance Applications
! Simple Workflow Integration
! Case Handling Support

7. A sample business application:
Vendor Management

8. Product Demonstration

9. Summary
! What did we implement?
! What does it look like?
! How did we do?
! How can you customize it?
! Where can you use it?

10. A CMIS 1.1 user interface implemented
only with jQuery, HTML & CSS

11. And an Alfresco filtered search
component based on SolR.

12. Packaged in different platforms:
SharePoint 2013, SharePoint 2010,
Office 365, Alfresco Share, Drupal.

13. Summary
! What did we implement?
! What does it look like?
! How did we do?
! How can you customize it?
! Where can you use it?

14. Demonstration

16. What we are able to do?
! Login to any CMIS 1.1 repository!
! Browse a repository!
• Create a new folder
• Rename folder
• Delete folder
! Display documents!
• List all documents stored in a folder
• Display details
• Download document
• Preview PDF document
• Delete document
• Check-In / Check-Out / Update
• Search (Full Text + Advanced Search)
• Upload document

17. Summary
! What did we implement?
! What does it look like?
! How did we do?
! How can you customize it?
! Where can you use it?

18. Architecture
CMIS
1.1
CMIS
1.1
JavaScript
Library
Browser
UI
Component
Library
UI
Component
SharePoint 2013
Web Parts
SharePoint 2010
Web Parts
Office 365
App Parts
Drupal
Plugin
Alfresco
Module

19. Architecture
Web
Services
Facet
Search
Component
SharePoint 2013
Web Parts
SharePoint 2010
Web Parts
Office 365
App Parts
Drupal
Plugin
Alfresco
Module

20. Summary
! What did we implement?
! What does it look like?
! How did we do?
! How can you customize it?
! Where can you use it?

21. How can you customize it?
Using CSS
You can:!
!
! Change document icons depending of the MIME type, the
object type or one of the attributes,
! Re-organize the detailed view of documents,
! Or apply any themes.

22. How can you customize it?
Using JavaScript
You can:!
!
! Change the configuration of the library to focus on a
specific folder, to change the number of items per page,
…
! Configure how a property will be displayed,
! Configure the behavior in a search form,
! Add new actions for each document,
! …

23. How can you customize it?
Using HTML templates…
Browser:!
Folder Item Template
Library:!
Table Header Template
Table Row Template
Node Details Template (per type)
Version Details Template
Advanced Search Form Template

24. How can you customize it?
Using HTML templates…
Generic
Templates
JS
Library
Custom
HTML
Templates

25. How can you customize it?
For an invoice use case…
! Open on the folder Invoices,
! Add templates to change the document list view
(displaying of the invoice #, invoice date, invoice amount
and seller),
! Add templates to change the detailed view of an invoice,
! Add an invoice search form,
! Configure the search form to use a date picker,
! Add custom icons for invoices,
! Use currency symbols instead of currency code if possible.

27. Edit Online

28. Summary
! What did we implement?
! What does it look like?
! How did we do?
! How can you customize it?
! Where can you use it?

29. Where can you use it?

30. Where can you use it?

31. Where can you use it?

32. Where can you use it?

33. Where can you use it?

34. Where can you use it?

35. Thanks!
Jim Nasr
Armedia CEO
jim.nasr@armedia.com
@jnasr
www.armedia.com
Ben Chevallereau
Software Architect
ben.chevallereau@armedia.com
@bchevallereau
www.armedia.com

36. About Armedia

37. Armedia Competencies