Build Mobile Apps Using PhoneGap and Drupal by Tyler Frankenstein

•

2 gostaram•732 visualizações

littleMAS

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

Software

Building Mobile
Apps by Example
Silicon Valley Drupal User
Group
January 14th, 2015
by: Tyler Frankenstein

● 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

“...why would I want a mobile application?”
“I already have a responsive,
mobile friendly Drupal website…”

Mobile Application Device Features
● Accelerometer
● Audio Capture
● Camera*
● Contact List
● GPS
● Notifications
● Offline Storage
* Take a photo, record video, and browse local media library.

1. GeoTag a Photo and Upload it
2. GeoLocate Nearby Content and Display on Map
Build 2 Example Mobile Apps

Why Drupal?
Drupal let’s us easily manage our...
Users Content Files

Why PhoneGap?
It let’s us utilize familiar web technologies like...
and then ...

Compiles them into Mobile Apps
Android (JAVA) (Objective-C, Swift)

If we know HTML, CSS and JavaScript, then...
… we can build mobile apps.

jQuery Mobile takes simple HTML and...
Why jQuery Mobile?
… makes it pretty, and mobile friendly.

That’s great, but...
… how do we handle multiple pages?

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.”

We use Drupal to easily build our websites...
… so let’s use DrupalGap to easily build our apps.

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

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

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

Questions / Comments ?
● https://drupal.org/u/tyler.frankenstein
● https://github.com/signalpoint
● http://tylerfrankenstein.com
● @FrankensteinTJ
“Thank you!”

Mais conteúdo relacionado

Destaque

Creating an hybrid app in minutes with Ionic FrameworkJulien Renaux

Wikipedia Mobile App with PhoneGapTed Chien

Phonegap/Cordova vs Native ApplicationMuhammad Hakim A

Cordova: APIs and instrumentsIvano Malavolta

Building mobile app with Ionic FrameworkHuy Trần

Workshop on Hybrid App Development with Ionic FrameworkAayush Shrestha

Building Mobile Applications with IonicMorris Singer

Hybrid Apps with Angular & Ionic FrameworkCihad Horuzoğlu

Destaque (8)

Creating an hybrid app in minutes with Ionic Framework

Wikipedia Mobile App with PhoneGap

Phonegap/Cordova vs Native Application

Cordova: APIs and instruments

Building mobile app with Ionic Framework

Workshop on Hybrid App Development with Ionic Framework

Building Mobile Applications with Ionic

Hybrid Apps with Angular & Ionic Framework

Semelhante a Build Mobile Apps Using PhoneGap and Drupal by Tyler Frankenstein

ResumeDenzil Doyle

Mobile cloudEmanuele Palazzetti

uMobile, I’m Mobile, We’re All Mobile!!Aaron Grant

1021 smap01 social media apps programmingimyday

A standards based alternative to 'the app way'Kristian Norling

Dan Appelquist at BBC News Labs : "firefoxOS - the web, mobile, web apps"BBC News Labs

For a Social Local and Mobile DrupalAdyax

Android Architecture, Environment, and Components.pptxHasanulFahmi2

Introduction & App StructureCITSimon

Mohammed hmedat - Android developer Mohammed Hmedat

Agile Mobile Strategies on a Shoestring BudgetAaron Grant

HeadLess DrupalUjwal Paladugu

Understanding The Mobile Patron WebinarHybrid Ventures Group of Companies

Gdsc IIIT Surat Orientation 2022.pdfSparshJhariya2

Build Mobile Applications with Headless Drupal 8 - DrupalConAsia 2016Prateek Jain

Android Development Lightning Talk by Lope Emano (Campus DevCon at STI Southw...DEVCON

about javasanjeev singh

Google flutterOnGraph Technologies

Mobile & android apps presentationAya Taleb

DSC IIITL Flutter WorkshopDSCIIITLucknow

Semelhante a Build Mobile Apps Using PhoneGap and Drupal by Tyler Frankenstein (20)

Resume

Mobile cloud

uMobile, I’m Mobile, We’re All Mobile!!

1021 smap01 social media apps programming

A standards based alternative to 'the app way'

Dan Appelquist at BBC News Labs : "firefoxOS - the web, mobile, web apps"

For a Social Local and Mobile Drupal

Android Architecture, Environment, and Components.pptx

Introduction & App Structure

Mohammed hmedat - Android developer

Agile Mobile Strategies on a Shoestring Budget

HeadLess Drupal

Understanding The Mobile Patron Webinar

Gdsc IIIT Surat Orientation 2022.pdf

Build Mobile Applications with Headless Drupal 8 - DrupalConAsia 2016

Android Development Lightning Talk by Lope Emano (Campus DevCon at STI Southw...

about java

Google flutter

Mobile & android apps presentation

DSC IIITL Flutter Workshop

Mais de littleMAS

Drupal 8 Point 1 & Membership SurveylittleMAS

Automating Drupal MigrationslittleMAS

Drupal 8 and iOS - an Open Source ApplittleMAS

Drupal 8 SpinathonlittleMAS

Drupal 8 Beta on GoDaddy NoteslittleMAS

DrupalCon LA 2015 ReviewlittleMAS

iOS RESTful Library for Drupal 8littleMAS

Drupal%2 c mobility and m2servelittleMAS

Drupal for MobilelittleMAS

Mais de littleMAS (9)

Drupal 8 Point 1 & Membership Survey

Automating Drupal Migrations

Drupal 8 and iOS - an Open Source App

Drupal 8 Spinathon

Drupal 8 Beta on GoDaddy Notes

DrupalCon LA 2015 Review

iOS RESTful Library for Drupal 8

Drupal%2 c mobility and m2serve

Drupal for Mobile

Último

2.pdf Ejercicios de programación competitivaDiego Iván Oliveros Acosta

Post Quantum Cryptography – The Impact on Identityteam-WIBU

Catch the Wave: SAP Event-Driven and Data Streaming for the Intelligence Ente...confluent

Call Us🔝>༒+91-9711147426⇛Call In girls karol bagh (Delhi)jennyeacort

Cyber security and its impact on E commercemanigoyal112

GOING AOT WITH GRAALVM – DEVOXX GREECE.pdfAlina Yurenko

How to submit a standout Adobe Champion ApplicationBradBedford3

20240415 [Container Plumbing Days] Usernetes Gen2 - Kubernetes in Rootless Do...Akihiro Suda

Sending Calendar Invites on SES and Calendarsnack.pdf31events.com

Unveiling the Future: Sylius 2.0 New FeaturesŁukasz Chruściel

Hot Sexy call girls in Patel Nagar🔝 9953056974 🔝 escort Service9953056974 Low Rate Call Girls In Saket, Delhi NCR

Introduction Computer Science - Software Design.pdfFerryKemperman

Open Source Summit NA 2024: Open Source Cloud Costs - OpenCost's Impact on En...Matt Ray

Maximizing Efficiency and Profitability with OnePlan’s Professional Service A...OnePlan Solutions

Innovate and Collaborate- Harnessing the Power of Open Source Software.pdfYashikaSharma391629

VK Business Profile - provides IT solutions and Web Developmentvyaparkranti

A healthy diet for your Java application Devoxx France.pdfMarharyta Nedzelska

Large Language Models for Test Case Evolution and RepairLionel Briand

Odoo 14 - eLearning Module In Odoo 14 Enterprisepreethippts

Precise and Complete Requirements? An Elusive GoalLionel Briand

Build Mobile Apps Using PhoneGap and Drupal by Tyler Frankenstein

1. Building Mobile Apps by Example Silicon Valley Drupal User Group January 14th, 2015 by: Tyler Frankenstein

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. “...why would I want a mobile application?” “I already have a responsive, mobile friendly Drupal website…”

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. 1. GeoTag a Photo and Upload it 2. GeoLocate Nearby Content and Display on Map Build 2 Example Mobile Apps

6. Tools Involved

7. Why Drupal? Drupal let’s us easily manage our... Users Content Files

8. Why PhoneGap? It let’s us utilize familiar web technologies like... and then ...

9. Compiles them into Mobile Apps Android (JAVA) (Objective-C, Swift)

10. If we know HTML, CSS and JavaScript, then... … we can build mobile apps.

11. jQuery Mobile takes simple HTML and... Why jQuery Mobile? … makes it pretty, and mobile friendly.

12. jQuery Mobile’s HTML Markup

13. That’s great, but... … how do we handle multiple pages?

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. We use Drupal to easily build our websites... … so let’s use DrupalGap to easily build our apps.

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. 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. 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. Questions / Comments ? ● https://drupal.org/u/tyler.frankenstein ● https://github.com/signalpoint ● http://tylerfrankenstein.com ● @FrankensteinTJ “Thank you!”

Build Mobile Apps Using PhoneGap and Drupal by Tyler Frankenstein

Recomendados

Recomendados

Mais conteúdo relacionado

Destaque

Destaque (8)

Semelhante a Build Mobile Apps Using PhoneGap and Drupal by Tyler Frankenstein

Semelhante a Build Mobile Apps Using PhoneGap and Drupal by Tyler Frankenstein (20)

Mais de littleMAS

Mais de littleMAS (9)

Último

Último (20)

Build Mobile Apps Using PhoneGap and Drupal by Tyler Frankenstein