Presentations: Intro To PhoneGap, Web Data Viz & PhoneGap Native Plugins

As promised, here are my presentation slides and extra content from last week’s RIACon conference. I gave three presentations: “Intro to PhoneGap”, “Data Visualization With Web Standards”, and “PhoneGap Native Plugins”. All of the presentations are freely available at:

Intro To PhoneGap

Click to view presentation

PhoneGap is an application container that allows you to build natively installed mobile applications using HTML, CSS, & JavaScript.

  • Build your applications using HTML, CSS, & JavaScript
  • Use the PhoneGap API to communicate with the native OS
  • PhoneGap packages your app into a distributable binary

For more detail, check out these posts:

PhoneGap related services:

Sample apps with source code:

Data Visualization With Web Standards

Click to view presentation

Data visualization is the art & science of creating a visual representation of data and information.  Really, it can be anything: a bar chart, scatter plot, pie chart, complex flow diagram, 3d model, etc…  If your visualization conveys information without having to read a table of data, then it’s doing what it should. Recently, the emergence of HTML5’s dynamic graphics and SVG support have made rich, dynamic, and interactive graphics possible on the web without having to leverage Flash, which was previously the only real option. Be sure to check out this presentation, and read this blog post for more info: Data Visualization With Web Standards

PhoneGap Native Plugins

Click to view presentation

PhoneGap provides you with the ability to create natively-installed mobile applications using web technologies.  As a part of this, PhoneGap provides an API to access native operating system functionality from JavaScript. Luckily for everyone, the JavaScript-to-native bridge is extensible and you can very easily create and expose your own custom native functionality with a JavaScript API.  Basically, all PhoneGap native plugins are made up of two parts: a native implementation, and a JavaScript interface.  Your PhoneGap application calls the JavaScript interface, which leverages cordovoa.exec to communicate with the native layer.  The native layer then performs a native operation and communicates back to the JS layer.

Read more about PhoneGap native plugins from:

…and of course, the sample apps:

iOS Multi-Screen

This sample app demonstrates how to create multi-screen experiences using the UIScreen API on iOS.  You can use AirPlay mirroring on an AppleTV as a second screen, the content of which is entirely controlled by the JavaScript in the “main” PhoneGap experience on the device. Check out the links and video below to learn more.


The PhoneGap LowLatencyAudio native plugin for Android and iOS allows you to preload audio, and playback that audio quickly, with a very simple to use API.  It overcomes the current limitations of the HTML5 Audio API on many mobile devices. Check out the links and video below to learn more.