HTML5 Previews Using
Snowbound’s VirtualViewer
Kyle Adams
Alfresco – Solutions Engineer
@kylefadams
See it in action at th...
HTML5 Previews Using
Snowbound’s VirtualViewer
Kyle Adams
Alfresco – Solutions Engineer
@kylefadams
See it in action at th...
3

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

#SummitNow
#Summit...
4

Snowbound VirtualViewer
Why use it?
• No client-side dependencies!

#SummitNow
#SummitNow
5

VirtualViewer Features
•
•
•
•
•
•

Annotations & Redaction
Rubberband Zoom
Print
Full Text Search w/Hit Highlighting
A...
6

Snowbound VirtualViewer

#SummitNow
#SummitNow
7

Annotation Types
• Text Overlays
• Shape Overlays
• Squares, Circles, Arrows, Lines
• Highlighting
• Rubberstamps
• Sti...
8

Annotation

#SummitNow
#SummitNow
9

Annotation

#SummitNow
#SummitNow
10

Redaction

#SummitNow
#SummitNow
11

Rubberband Zoom
Here is a line of text
• Here is another

#SummitNow
#SummitNow
12

Full-Text Search

#SummitNow
#SummitNow
13

Brightness, Contrast, Gamma

#SummitNow
#SummitNow
14

High Level Architecture
Alfresco
Share Web
Preview Plugin
(iFrame)

Repository
WebScripts

Snowbound VirtualViewer
Doc...
15

Project Breakdown
alfresco-snowbound-integration

alfresco-content-handler

snowbound-repo

snowbound-share

#SummitNo...
16

alfresco-content-handler project
•
abs123
• Implementation to Get & Save
document, annotations, bookmarks, and
user pr...
17

snowbound-repo project
• GET & POST WebScripts
• Documents
• Annotations
• Bookmarks
• User Preferences

#SummitNow
#S...
18

Content Model
vv:annotationAssoc

vv:annotable
Aspect

vv:permissionLevel
vv:redactionFlag
cm:content

vv:annotation
T...
19

snowbound-share project
• Share Module configuration

• iFrame plugin for VirtualViewer
• Mime Type plugin conditions
...
20

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

#SummitNow
#SummitNow
21

Connector on GitHub
• Open Source!
• Free as in Speech!
• https://github.com/kylefernandadams/alf
resco-snowbound-inte...
22

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

Contact Information
Kyle Adams
• kyle.adams@alfresco.com
• @kylefadams
Dan Magnarelli
• dmagnarelli@snowbound.com
Ed B...
24

Contact Information
Kyle Adams
• kyle.adams@alfresco.com
• @kylefadams
Dan Magnarelli
• dmagnarelli@snowbound.com
Ed B...
Upcoming SlideShare
Loading in …5
×

Alfresco Summit 2013 - Ignite Talk - HTML5 Previews Using Snowbound's VirtualViewer

1,056 views

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,056
On SlideShare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
14
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Alfresco Summit 2013 - Ignite Talk - HTML5 Previews Using Snowbound's VirtualViewer

  1. 1. HTML5 Previews Using Snowbound’s VirtualViewer Kyle Adams Alfresco – Solutions Engineer @kylefadams See it in action at the Snowbound booth!!!! #SummitNow
  2. 2. HTML5 Previews Using Snowbound’s VirtualViewer Kyle Adams Alfresco – Solutions Engineer @kylefadams See it in action at the Snowbound booth!!!! #SummitNow
  3. 3. 3 Snowbound VirtualViewer What is it? • Universal document viewer • High speed • Zero-footprint HTML5 #SummitNow #SummitNow
  4. 4. 4 Snowbound VirtualViewer Why use it? • No client-side dependencies! #SummitNow #SummitNow
  5. 5. 5 VirtualViewer Features • • • • • • Annotations & Redaction Rubberband Zoom Print Full Text Search w/Hit Highlighting Adjustable DPI Server-side caching #SummitNow #SummitNow
  6. 6. 6 Snowbound VirtualViewer #SummitNow #SummitNow
  7. 7. 7 Annotation Types • Text Overlays • Shape Overlays • Squares, Circles, Arrows, Lines • Highlighting • Rubberstamps • Sticky Notes • Freehand Drawing #SummitNow #SummitNow
  8. 8. 8 Annotation #SummitNow #SummitNow
  9. 9. 9 Annotation #SummitNow #SummitNow
  10. 10. 10 Redaction #SummitNow #SummitNow
  11. 11. 11 Rubberband Zoom Here is a line of text • Here is another #SummitNow #SummitNow
  12. 12. 12 Full-Text Search #SummitNow #SummitNow
  13. 13. 13 Brightness, Contrast, Gamma #SummitNow #SummitNow
  14. 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. 15 Project Breakdown alfresco-snowbound-integration alfresco-content-handler snowbound-repo snowbound-share #SummitNow #SummitNow
  16. 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. 17 snowbound-repo project • GET & POST WebScripts • Documents • Annotations • Bookmarks • User Preferences #SummitNow #SummitNow
  18. 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. 19 snowbound-share project • Share Module configuration • iFrame plugin for VirtualViewer • Mime Type plugin conditions #SummitNow #SummitNow
  20. 20. 20 Share Web Preview Plugin https://github.com/wabson/sample-previewplugin #SummitNow #SummitNow
  21. 21. 21 Connector on GitHub • Open Source! • Free as in Speech! • https://github.com/kylefernandadams/alf resco-snowbound-integration #SummitNow #SummitNow
  22. 22. 22 Connector on GitHub TODO: • Integrate with Alfresco permissions • Tabbed doclib view • Multi-select tabbed doclib view #SummitNow #SummitNow
  23. 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. 24 Contact Information Kyle Adams • kyle.adams@alfresco.com • @kylefadams Dan Magnarelli • dmagnarelli@snowbound.com Ed Berberian • eberberian@snowbound.com #SummitNow #SummitNow

×