Keypoint: PhoneGap-Based HTML Slide Decks

I’ve been using HTML slides instead of Keynote or Powerpoint for a while now. Since I’m doing a lot of PhoneGap/Cordova presentations, it also occurred to me some time ago that I could go one step further and package my HTML slide decks as PhoneGap applications. That way, I can demonstrate the PhoneGap APIs within my presentation, instead of constantly switching back and forth between my presentation and a demo app: My slides are the demo app.

To enable this, I built a simple presentation micro-framework that I called Keypoint. Keypoint uses Matteo Spinelli’s SwipeView as the swipable container. It is resource-conscious and fast, with only three slides in the DOM at any given time.

Because it is a Web application, you can also run your presentation in a browser on your laptop and navigate with the arrow keys. You’ll just not be able to use the PhoneGap specific capabilities.

A number of people have asked me to share the framework and my presentations. So here is a first one: The PhoneGap + Backbone.js presentation that I delivered last week at HTML 5 Dev Conf. You can view the presentation here. You can also get the code on GitHub and run it on your mobile device as a PhoneGap application to enjoy the full experience (I present on an iPad).

Keypoint also uses Topcoat as the UI framework.

Keypoint is not meant to compete with other HTML presentation frameworks out there. I built it as a custom “mobile-first” solution for some specific requirements.

6 Responses to Keypoint: PhoneGap-Based HTML Slide Decks

  1. von December 17, 2013 at 2:48 pm #

    wow. This is cool! thanks for the tutorial

  2. patchwork kilim March 24, 2014 at 5:15 am #

    This is cool! thanks for the tutorial

  3. http://sbobetnow.com May 30, 2014 at 2:08 pm #

    Does your website have a contact page? I’m having trouble locating it but,
    I’d like to shoot you an e-mail. I’ve got some suggestions for
    your blog you might be interested in hearing. Either way, great website and I look
    forward to seeing it improve over time.

  4. Rahat Khanna June 25, 2014 at 7:00 am #

    Hi Chris,

    This is amazing and a quick way to present from your phone or iPad. Can I use this code for my own presentation ?

    It will be good and I will give your reference too.

Trackbacks/Pingbacks

  1. Top 10 Performance Techniques for PhoneGap and Hybrid Apps — Slides Available | Christophe Coenraets - October 30, 2013

    [...] presentation was built as a PhoneGap application with the Keypoint HTML presentation framework I blogged about yesterday. Because it is a Web application, you can view the presentation here. You can also [...]

  2. Running Your Slide Presentations in the Salesforce1 App | Christophe Coenraets - May 8, 2014

    […] simple presentation micro-framework that I called Keypoint1. Keypoint1 is a modified version of the generic Keypoint library I built a few months ago. Keypoint1 is running inside a Visualforce page as a single page […]

Leave a Reply