Posts Tagged ‘svg’

Awesome presentations with boom amazing

Friday, November 13th, 2009 by Alexander Lang
Screen shot 2009-11-13 at 14.56.03
Boom amazing in action at JSConf.EU

Last weekend at JSConf.EU I gave another talk on CouchDB and CouchApps. This gave me an excellent excuse to hack on boom amazing instead of preparing my talk. Boom amazing is my personal presentation tool. Instead of slides my presentation is laid out on a single large surface and I can pan around, zoom in and out and rotate my viewpoint to show specific contents.

In the end I managed to add a bunch of new features and still get my talk done. The following post explains how boom amazing works and how you can create your own fancy presentations with it.

What is behind it?

Boom amazing consists of a few relatively simple building blocks:

  • One or more SVG files that contain all the texts and graphics
  • a CouchApp that includes some HTML and CSS, and JavaScript
  • some client side JavaScript to handle manipulating SVG and moving around (using JQuery and the jQuery SVG plugin)
  • CouchDB: stores all the data: the presentation itself (as document attachments), the CouchApp and all the camera positions and data for replaying presentations
  • A browser that displays the SVG file, I use PlainView which has a fullscreen mode.

(more…)