Build Mobile Apps Using PhoneGap and Drupal by Tyler Frankenstein

523 views

Published on

DrupalGap explained by Tyler Frankenstein to the Silicon Valley Drupal User Group.

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

No Downloads
Views
Total views
523
On SlideShare
0
From Embeds
0
Number of Embeds
8
Actions
Shares
0
Downloads
17
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Build Mobile Apps Using PhoneGap and Drupal by Tyler Frankenstein

  1. 1. Building Mobile Apps by Example Silicon Valley Drupal User Group January 14th, 2015 by: Tyler Frankenstein
  2. 2. ● Drupal Developer (7+ Years) ● Easy Street 3 Co-Founder (June 2010 - Present) ● U.M. Library Drupal Developer (Feb 2011 - May 2013) ● Drupal Contributor (10+ Modules) ● DrupalCon Austin 2014 (Co-Presenter w/ Commerce Guys) ● DrupalGap (Creator / Lead Developer) http://drupal.org/u/tyler.frankenstein
  3. 3. “...why would I want a mobile application?” “I already have a responsive, mobile friendly Drupal website…”
  4. 4. Mobile Application Device Features ● Accelerometer ● Audio Capture ● Camera* ● Contact List ● GPS ● Notifications ● Offline Storage * Take a photo, record video, and browse local media library.
  5. 5. 1. GeoTag a Photo and Upload it 2. GeoLocate Nearby Content and Display on Map Build 2 Example Mobile Apps
  6. 6. Tools Involved
  7. 7. Why Drupal? Drupal let’s us easily manage our... Users Content Files
  8. 8. Why PhoneGap? It let’s us utilize familiar web technologies like... and then ...
  9. 9. Compiles them into Mobile Apps Android (JAVA) (Objective-C, Swift)
  10. 10. If we know HTML, CSS and JavaScript, then... … we can build mobile apps.
  11. 11. jQuery Mobile takes simple HTML and... Why jQuery Mobile? … makes it pretty, and mobile friendly.
  12. 12. jQuery Mobile’s HTML Markup
  13. 13. That’s great, but... … how do we handle multiple pages?
  14. 14. Say “Hello World” to DrupalGap “DrupalGap is an open source mobile application development kit for Drupal websites. It is powered by PhoneGap, jQuery Mobile and Drupal.”
  15. 15. We use Drupal to easily build our websites... … so let’s use DrupalGap to easily build our apps.
  16. 16. Easily build mobile apps, you say? Let’s see it to believe it… Example #1: GeoTag a Photo and Upload it http://tylerfrankenstein.com/code/build-mobile-app-geo-tag-photo
  17. 17. Not too bad, how about one more... Example #2: GeoLocate Nearby Content and Display on Map http://www.tylerfrankenstein.com/code/build-mobile-app-geo-locate-content-drupal
  18. 18. Neat-o! How do I get started? DrupalGap Module ● https://drupal.org/project/drupalgap DrupalGap SDK ● https://github.com/signalpoint/DrupalGap Hello World ● http://drupalgap.org/hello-world
  19. 19. Questions / Comments ? ● https://drupal.org/u/tyler.frankenstein ● https://github.com/signalpoint ● http://tylerfrankenstein.com ● @FrankensteinTJ “Thank you!”

×