Building Mobile Apps by Example

Have you ever thought about building a mobile application for your Drupal website? Maybe you've considered it, but aren't sure what tools are available.

In this session we'll build two simple example mobile applications, and you'll walk away with the tools needed to build your own mobile application for a Drupal website.

Both apps will utilize a Drupal 7 website and DrupalGap, an open source mobile application development kit for Drupal. With these tools, developers can create custom mobile applications (for iOS, Android, other) for their Drupal websites.

Demo Site

http://drupalcampohio.tylerfrankenstein.com/

Example #1 - GeoTag a Photo

http://tylerfrankenstein.com/code/build-mobile-app-geo-tag-photo

This app will  allow us to take a photograph and save it onto a Drupal website. It will also record our current location to "GeoTag" the photo.

Example #2 - Get Nearby Locations

http://tylerfrankenstein.com/code/build-mobile-app-geo-locate-content-d…

This app will allow us to retrieve and display nearby locations stored within the Drupal website. For this example our current location (40.008078,-83.028636) will be:

Nationwide and Ohio Farm Bureau 4-H Center
2201 Fred Taylor Dr.
Columbus, OH 43210

Our nearby examples will include the following locations:

The Ohio Statehouse
1 Capitol Square
Columbus, OH 43215

Franklin Park Conservatory
1777 E Broad St
Columbus, OH 43203

Columbus Museum of Art
480 E Broad St
Columbus, OH 43215

Columbus Zoo and Aquarium
4850 W Powell Rd
Columbus, OH 43065

Ohio Stadium Football Field
411 Woody Hayes Dr
Columbus, OH 43210