DrupalGap is a module, mobile application, and mobile application development kit for Drupal websites. This project utilizes Drupal, PhoneGap (Cordova), and jQueryMobile. |================================================| | Try a Demo of the DrupalGap Mobile Application | |================================================| Android https://play.google.com/store/apps/details?id=com.drupalgap&hl=en iOS (iPhone, iPad, etc) https://itunes.apple.com/us/app/drupalgap/id509874423?mt=8 |=========================================================| | Drupal Module (http://www.drupal.org/project/drupalgap) | |=========================================================| This module allows mobile applications to integrate with Drupal websites. The DrupalGap module depends on the Services and Views Datasource modules. |========================================| | Mobile Application for Android and iOS | |========================================| The DrupalGap mobile application can be installed on an Android or iOS mobile device. Once installed, the device can connect to Drupal websites running the DrupalGap module. |====================================| | Mobile Application Development Kit | |====================================| Developers can easily create custom multi-platform mobile applications that communicate with their Drupal websites. 7.x-1.x https://github.com/signalpoint/DrupalGap/tree/7.x-1.x 6.x-1.x https://github.com/signalpoint/DrupalGap/tree/6.x-1.x DrupalGap API http://www.easystreet3.com/drupalgap |==============| | Installation | |==============| 0. Enable the DrupalGap Module on your Drupal Site Drupal Module: http://www.drupal.org/project/drupalgap Documentation: http://www.drupal.org/node/1603690 1. Complete the PhoneGap Getting Started Guide http://docs.phonegap.com/en/2.3.0/guide_getting-started_index.md.html 2. Download the files needed for the latest version of jQuery & jQueryMobile, and save each file to PhoneGap's assets/www directory: http://code.jquery.com/jquery-1.8.3.min.js http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css 3. Download the jQueryMobile zip file: http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.zip Extract the images directory from it into PhoneGap's assets/www directory so this directory exists: assets/www/images Note, this is different than the img directory that is created by PhoneGap's getting started guide. 4. Download DrupalGap and extract its contents to PhoneGap's assets/www directory so drupalgap.js is located here: assets/www/DrupalGap/drupalgap.js DrupalGap 7 Download https://github.com/signalpoint/DrupalGap/tree/7.x-1.x DrupalGap 6 Download https://github.com/signalpoint/DrupalGap/tree/6.x-1.x 5. Open DrupalGap/app/default.settings.js and save a copy of it as settings.js so the copy of it lives here: DrupalGap/app/settings.js 6. Specify your Drupal site path (with NO trailing slash) in settings.js, for example: 'site_path':'http://www.drupalgap.org' 7. Copy the contents of DrupalGap/pages and DrupalGap/scripts to the assets/www folder so these files (and many more) exist: assets/www/index.html assets/www/dashboard.html assets/www/dashboard.js 8. Run your new mobile application! =================================== From here you'll have a great start to building a mobile application that integrates with your Drupal website. Please visit the DrupalGap project homepage for more information. http://www.easystreet3.com/drupalgap