1. HTML5 Previews Using
Snowbound’s VirtualViewer
Kyle Adams
Alfresco – Solutions Engineer
@kylefadams
See it in action at the Snowbound booth!!!!
#SummitNow

2. HTML5 Previews Using
Snowbound’s VirtualViewer
Kyle Adams
Alfresco – Solutions Engineer
@kylefadams
See it in action at the Snowbound booth!!!!
#SummitNow

3. 3
Snowbound VirtualViewer
What is it?
• Universal document viewer
• High speed
• Zero-footprint HTML5
#SummitNow
#SummitNow

4. 4
Snowbound VirtualViewer
Why use it?
• No client-side dependencies!
#SummitNow
#SummitNow

5. 5
VirtualViewer Features
•
•
•
•
•
•
Annotations & Redaction
Rubberband Zoom
Print
Full Text Search w/Hit Highlighting
Adjustable DPI
Server-side caching
#SummitNow
#SummitNow

6. 6
Snowbound VirtualViewer
#SummitNow
#SummitNow

7. 7
Annotation Types
• Text Overlays
• Shape Overlays
• Squares, Circles, Arrows, Lines
• Highlighting
• Rubberstamps
• Sticky Notes
• Freehand Drawing
#SummitNow
#SummitNow

8. 8
Annotation
#SummitNow
#SummitNow

9. 9
Annotation
#SummitNow
#SummitNow

10. 10
Redaction
#SummitNow
#SummitNow

11. 11
Rubberband Zoom
Here is a line of text
• Here is another
#SummitNow
#SummitNow

12. 12
Full-Text Search
#SummitNow
#SummitNow

13. 13
Brightness, Contrast, Gamma
#SummitNow
#SummitNow

14. 14
High Level Architecture
Alfresco
Share Web
Preview Plugin
(iFrame)
Repository
WebScripts
Snowbound VirtualViewer
Document NodeRef
Authentication Ticket
Alfresco
Content
Handler
RESTful Calls
#SummitNow
#SummitNow

15. 15
Project Breakdown
alfresco-snowbound-integration
alfresco-content-handler
snowbound-repo
snowbound-share
#SummitNow
#SummitNow

16. 16
alfresco-content-handler project
•
abs123
• Implementation to Get & Save
document, annotations, bookmarks, and
user preferences.
• Snowbound documentation:
• http://www.virtualviewer.com/VirtualVi
ewerJavaAJAXHelp/virtualviewer.htm
#SummitNow
#SummitNow

17. 17
snowbound-repo project
• GET & POST WebScripts
• Documents
• Annotations
• Bookmarks
• User Preferences
#SummitNow
#SummitNow

18. 18
Content Model
vv:annotationAssoc
vv:annotable
Aspect
vv:permissionLevel
vv:redactionFlag
cm:content
vv:annotation
Type
vv:bookmarkAssoc
cm:content
vv:bookmark
Type
cm:content
vv:preference
Type
vv:preferencesAssoc
#SummitNow
#SummitNow

19. 19
snowbound-share project
• Share Module configuration
• iFrame plugin for VirtualViewer
• Mime Type plugin conditions
#SummitNow
#SummitNow

20. 20
Share Web Preview Plugin
https://github.com/wabson/sample-previewplugin
#SummitNow
#SummitNow

21. 21
Connector on GitHub
• Open Source!
• Free as in Speech!
• https://github.com/kylefernandadams/alf
resco-snowbound-integration
#SummitNow
#SummitNow

22. 22
Connector on GitHub
TODO:
• Integrate with Alfresco permissions
• Tabbed doclib view
• Multi-select tabbed doclib view
#SummitNow
#SummitNow

23. 23
Contact Information
Kyle Adams
• kyle.adams@alfresco.com
• @kylefadams
Dan Magnarelli
• dmagnarelli@snowbound.com
Ed Berberian
• eberberian@snowbound.com
#SummitNow
#SummitNow

24. 24
Contact Information
Kyle Adams
• kyle.adams@alfresco.com
• @kylefadams
Dan Magnarelli
• dmagnarelli@snowbound.com
Ed Berberian
• eberberian@snowbound.com
#SummitNow
#SummitNow