SlideShare a Scribd company logo
1 of 34
Download to read offline
Introduction to PhoneGap


       Raymond Camden
Your Speaker
 Developer Evangelist for Adobe
 Focused on Web Standards
 www.raymondcamden.com
 raymondcamden@gmail.com
 @cfjedimaster
Wait – Adobe bought PhoneGap?
Wait – Adobe bought PhoneGap?
Wait – Adobe bought PhoneGap?
Adobe bought Nitobi
 We buy all companies with rhyming
  names (just because)
 PhoneGap is an open source project
 In process to becoming a project under
  the Apache Software Foundation
 New name: Cordova
Apache Cordova
 Cordova is the open source project
 PhoneGap is the implemenation
 Like Webkit for Chrome/Safari
 http://incubator.apache.org/cordova
What is PhoneGap?
   "PhoneGap is an HTML5 app platform
    that allows you to author native
    applications with web technologies and
    get access to APIs and app stores.
    PhoneGap leverages web technologies
    developers already know best... HTML
    and JavaScript."
What is PhoneGap, really?
What is PhoneGap, really?




               Awesome sauce: http://www.thinkgeek.com/caffeine/dc05/
What is PhoneGap, really?
Where does it go….
 See the pretty icons below…
 Specific details about each:
    ◦ http://phonegap.com/about/features
   To be clear: Phones, Tablets, e-Readers,
    and whatever else Silicon Valley throws
    our way in 2012.
Features
   Accelerometer
    ◦ "The thing you shake"
   Compass
    ◦ "The thing that tells you what direction you
      are heading"
   Device
    ◦ "Generic info about the device"
Features
   Geolocation
    ◦ "The thing that tells you where you are"
   Storage
    ◦ "The place you put your stuff"
   Camera
    ◦ "Pictures of your cat"
Features
   Connection
    ◦ "Am I offline or just in the wrong part of
      Lafayette?"
   Events
    ◦ "What is my phone doing now?!?!"
   Media
    ◦ "Work with all those legally purchased MP3s."
Features
   Capture
    ◦ "Make new videos, sounds, and pictures of
      your cat"
   Contacts
    ◦ "I really do have 200 friends!"
   File
    ◦ "For important file stuff"
   Notification
    ◦ "Buzzzzzzzzzzzzzzzzzz"
Features
 Remote Ajax w/o guilt
 Orientation
 The App Store (all of them actually)
Who is using PhoneGap?
Featured Apps
How can you use it? (Tooling)
 Plain text + command line #ubergeek
 Adobe Dreamweaver CS 5.5
 Eclipse
 Xcode
 Other bits for other platforms
 Warning – docs are a bit in flux
How can you use it? (Code)
 Add cordova-VERSION.js to your HTML
 Provides the hooks to the awesome
 Done
The Hard Way
Demo – The Easy Way




http://wiki.phonegap.com/w/page/34483744/PhoneGap%20Eclipse%20PlugIn%20for%20Android
Code Demos!
 General Device
 Contact Search
 Compass
 Geolocation
 Camera (oops, broken)
 jQuery Mobile (RSS)
 SimpleDB
Plugins
Plugins
 Written in your platform's native language
 Provide a JavaScript API
 https://github.com/phonegap/phonegap-
  plugins
Demo
PhoneGap Build
 Public Beta
 Automated builds for all platforms
 API
 http://phonegap.com/2011/10/13/phonega
  p-build-pricing-plans-update/
Demo
Debugging PhoneGap
 Build on the desktop first!
 Consider your development tools
 Weinre
    ◦ http://phonegap.github.com/weinre/
   debug.phonegap.com
Help!
   Mailing List
    ◦ http://groups.google.com/group/phonegap
   Books
    ◦ PhoneGap Beginner's Guide
    ◦ More on Amazon
   IRC
Wrap Up
 7 Platforms
 Free
 HTML+JavaScript+CSS
 And you win!

More Related Content

What's hot

AngularJS on Mobile with the Ionic Framework
AngularJS on Mobile with the Ionic FrameworkAngularJS on Mobile with the Ionic Framework
AngularJS on Mobile with the Ionic Framework
Troy Miles
 
I phone presentation
I phone presentationI phone presentation
I phone presentation
rosenbe_jenn
 

What's hot (20)

Best Practice iPhone SDK App Design
Best Practice iPhone SDK App DesignBest Practice iPhone SDK App Design
Best Practice iPhone SDK App Design
 
From Web Developer to Hybrid App Developer
From Web Developer to Hybrid App DeveloperFrom Web Developer to Hybrid App Developer
From Web Developer to Hybrid App Developer
 
iPad Foundations #CUErockstar Black Label
iPad Foundations #CUErockstar Black LabeliPad Foundations #CUErockstar Black Label
iPad Foundations #CUErockstar Black Label
 
Thompson 1 i pad classroom
Thompson 1 i pad classroomThompson 1 i pad classroom
Thompson 1 i pad classroom
 
AngularJS on Mobile with the Ionic Framework
AngularJS on Mobile with the Ionic FrameworkAngularJS on Mobile with the Ionic Framework
AngularJS on Mobile with the Ionic Framework
 
I phone presentation
I phone presentationI phone presentation
I phone presentation
 
NFC exchange workshop
NFC exchange workshopNFC exchange workshop
NFC exchange workshop
 
iPhone Applications & Luxury Brands - Updated May 5, 2010
iPhone Applications & Luxury Brands - Updated May 5, 2010iPhone Applications & Luxury Brands - Updated May 5, 2010
iPhone Applications & Luxury Brands - Updated May 5, 2010
 
Evaluation 4
Evaluation 4Evaluation 4
Evaluation 4
 
iPhone IN YOUR FACE
iPhone IN YOUR FACEiPhone IN YOUR FACE
iPhone IN YOUR FACE
 
Bugsack the mobile jira
Bugsack the mobile jiraBugsack the mobile jira
Bugsack the mobile jira
 
Airprint For Ipad Advantages And Disadvantages
Airprint For Ipad Advantages And DisadvantagesAirprint For Ipad Advantages And Disadvantages
Airprint For Ipad Advantages And Disadvantages
 
Mobile Applications
Mobile ApplicationsMobile Applications
Mobile Applications
 
Stanford CS193P - Designing for iPad
Stanford CS193P - Designing for iPadStanford CS193P - Designing for iPad
Stanford CS193P - Designing for iPad
 
7 User Experience Lessons from the iPhone (Introducing UX)
7 User Experience Lessons from the iPhone (Introducing UX)7 User Experience Lessons from the iPhone (Introducing UX)
7 User Experience Lessons from the iPhone (Introducing UX)
 
Cafaholic ppt
Cafaholic pptCafaholic ppt
Cafaholic ppt
 
Use voice recognition with Alexa to control your home [JavaOne]
Use voice recognition with Alexa to control your home [JavaOne]Use voice recognition with Alexa to control your home [JavaOne]
Use voice recognition with Alexa to control your home [JavaOne]
 
iOS Ecosystem @ Fiera del Radioamatore Pordenone
iOS Ecosystem @ Fiera del Radioamatore PordenoneiOS Ecosystem @ Fiera del Radioamatore Pordenone
iOS Ecosystem @ Fiera del Radioamatore Pordenone
 
Totally Build Apps for Free! (not really)
Totally Build Apps for Free! (not really)Totally Build Apps for Free! (not really)
Totally Build Apps for Free! (not really)
 
Adobe Max Modern iPhone App Design with Rick Messer
Adobe Max Modern iPhone App Design with Rick MesserAdobe Max Modern iPhone App Design with Rick Messer
Adobe Max Modern iPhone App Design with Rick Messer
 

Viewers also liked (9)

Introduction to Silverlight for Windows Phone
Introduction to Silverlight for Windows PhoneIntroduction to Silverlight for Windows Phone
Introduction to Silverlight for Windows Phone
 
Developing Apps for Windows Phone 8
Developing Apps for Windows Phone 8Developing Apps for Windows Phone 8
Developing Apps for Windows Phone 8
 
Windows Phone Application Platform
Windows Phone Application PlatformWindows Phone Application Platform
Windows Phone Application Platform
 
Introducing Windows Phone 8 Development
Introducing Windows Phone 8 DevelopmentIntroducing Windows Phone 8 Development
Introducing Windows Phone 8 Development
 
Windows phone
Windows phoneWindows phone
Windows phone
 
Windows mobile
Windows mobileWindows mobile
Windows mobile
 
Windows Phone 8
Windows Phone 8  Windows Phone 8
Windows Phone 8
 
Windows Phone PPT
Windows Phone PPTWindows Phone PPT
Windows Phone PPT
 
Window Phone
Window PhoneWindow Phone
Window Phone
 

Similar to Introduction to PhoneGap

HTML5 is the Future of Mobile, PhoneGap Takes You There Today
HTML5 is the Future of Mobile, PhoneGap Takes You There TodayHTML5 is the Future of Mobile, PhoneGap Takes You There Today
HTML5 is the Future of Mobile, PhoneGap Takes You There Today
davyjones
 
Phonegap facebook plugin - Seoul & Tokyo
Phonegap facebook plugin - Seoul & TokyoPhonegap facebook plugin - Seoul & Tokyo
Phonegap facebook plugin - Seoul & Tokyo
Steve Gill
 
Maximiliano Firtman - Разработка приложений с помощью PhoneGap
Maximiliano Firtman - Разработка приложений с помощью PhoneGap Maximiliano Firtman - Разработка приложений с помощью PhoneGap
Maximiliano Firtman - Разработка приложений с помощью PhoneGap
.toster
 
Getting started with PhoneGap
Getting started with PhoneGapGetting started with PhoneGap
Getting started with PhoneGap
Mihai Corlan
 
Phonegap facebook- plugin
Phonegap facebook- pluginPhonegap facebook- plugin
Phonegap facebook- plugin
Steve Gill
 
PhoneGap/PhoneGap Build - Amsterdam Adobe Camp
PhoneGap/PhoneGap Build - Amsterdam Adobe CampPhoneGap/PhoneGap Build - Amsterdam Adobe Camp
PhoneGap/PhoneGap Build - Amsterdam Adobe Camp
Mihai Corlan
 
Brian Le Roux Presentation Introducing Phone Gap
Brian Le Roux Presentation Introducing Phone GapBrian Le Roux Presentation Introducing Phone Gap
Brian Le Roux Presentation Introducing Phone Gap
Ajax Experience 2009
 
Mobile Apps presentation
Mobile Apps presentationMobile Apps presentation
Mobile Apps presentation
Tom Printy
 
Phonegap for Engineers
Phonegap for EngineersPhonegap for Engineers
Phonegap for Engineers
Brian LeRoux
 

Similar to Introduction to PhoneGap (20)

Intro to PhoneGap
Intro to PhoneGapIntro to PhoneGap
Intro to PhoneGap
 
HTML5 is the Future of Mobile, PhoneGap Takes You There Today
HTML5 is the Future of Mobile, PhoneGap Takes You There TodayHTML5 is the Future of Mobile, PhoneGap Takes You There Today
HTML5 is the Future of Mobile, PhoneGap Takes You There Today
 
PhoneGap - Now and the Future
PhoneGap - Now and the FuturePhoneGap - Now and the Future
PhoneGap - Now and the Future
 
Skip the IDE with PhoneGap Build
Skip the IDE with PhoneGap BuildSkip the IDE with PhoneGap Build
Skip the IDE with PhoneGap Build
 
PhoneGap/Cordova
PhoneGap/CordovaPhoneGap/Cordova
PhoneGap/Cordova
 
Phonegap
PhonegapPhonegap
Phonegap
 
Phonegap facebook plugin - Seoul & Tokyo
Phonegap facebook plugin - Seoul & TokyoPhonegap facebook plugin - Seoul & Tokyo
Phonegap facebook plugin - Seoul & Tokyo
 
PhoneGap mobile development
PhoneGap mobile developmentPhoneGap mobile development
PhoneGap mobile development
 
Maximiliano Firtman - Разработка приложений с помощью PhoneGap
Maximiliano Firtman - Разработка приложений с помощью PhoneGap Maximiliano Firtman - Разработка приложений с помощью PhoneGap
Maximiliano Firtman - Разработка приложений с помощью PhoneGap
 
Getting started with PhoneGap
Getting started with PhoneGapGetting started with PhoneGap
Getting started with PhoneGap
 
Future of Mobile
Future of MobileFuture of Mobile
Future of Mobile
 
Introduction to Cordova
Introduction to CordovaIntroduction to Cordova
Introduction to Cordova
 
The future is hybrid
The future is hybridThe future is hybrid
The future is hybrid
 
Phonegap facebook- plugin
Phonegap facebook- pluginPhonegap facebook- plugin
Phonegap facebook- plugin
 
PhoneGap/PhoneGap Build - Amsterdam Adobe Camp
PhoneGap/PhoneGap Build - Amsterdam Adobe CampPhoneGap/PhoneGap Build - Amsterdam Adobe Camp
PhoneGap/PhoneGap Build - Amsterdam Adobe Camp
 
Apache Cordova, Hybrid Application Development
Apache Cordova, Hybrid Application DevelopmentApache Cordova, Hybrid Application Development
Apache Cordova, Hybrid Application Development
 
Brian Le Roux Presentation Introducing Phone Gap
Brian Le Roux Presentation Introducing Phone GapBrian Le Roux Presentation Introducing Phone Gap
Brian Le Roux Presentation Introducing Phone Gap
 
Mobile Apps presentation
Mobile Apps presentationMobile Apps presentation
Mobile Apps presentation
 
Introduction to jQueryMobile
Introduction to jQueryMobileIntroduction to jQueryMobile
Introduction to jQueryMobile
 
Phonegap for Engineers
Phonegap for EngineersPhonegap for Engineers
Phonegap for Engineers
 

More from Raymond Camden (10)

Building a PWA - For Everyone Who Is Scared To
Building a PWA - For Everyone Who Is Scared ToBuilding a PWA - For Everyone Who Is Scared To
Building a PWA - For Everyone Who Is Scared To
 
Going Serverless with OpenWhisk
Going Serverless with OpenWhiskGoing Serverless with OpenWhisk
Going Serverless with OpenWhisk
 
Don't Over-React - just use Vue!
Don't Over-React - just use Vue!Don't Over-React - just use Vue!
Don't Over-React - just use Vue!
 
Rapid API Development with LoopBack/StrongLoop
Rapid API Development with LoopBack/StrongLoopRapid API Development with LoopBack/StrongLoop
Rapid API Development with LoopBack/StrongLoop
 
Cordova + Ionic + MobileFirst
Cordova + Ionic + MobileFirstCordova + Ionic + MobileFirst
Cordova + Ionic + MobileFirst
 
Hybrid Mobile Development and MobileFirst
Hybrid Mobile Development and MobileFirstHybrid Mobile Development and MobileFirst
Hybrid Mobile Development and MobileFirst
 
Static Sites - Bringing Web 1.0 Back
Static Sites - Bringing Web 1.0 BackStatic Sites - Bringing Web 1.0 Back
Static Sites - Bringing Web 1.0 Back
 
Leveling Up at JavaScript
Leveling Up at JavaScriptLeveling Up at JavaScript
Leveling Up at JavaScript
 
The Other Dev Tools
The Other Dev ToolsThe Other Dev Tools
The Other Dev Tools
 
ColdFusion 10
ColdFusion 10ColdFusion 10
ColdFusion 10
 

Recently uploaded

Hyatt driving innovation and exceptional customer experiences with FIDO passw...
Hyatt driving innovation and exceptional customer experiences with FIDO passw...Hyatt driving innovation and exceptional customer experiences with FIDO passw...
Hyatt driving innovation and exceptional customer experiences with FIDO passw...
FIDO Alliance
 
Tales from a Passkey Provider Progress from Awareness to Implementation.pptx
Tales from a Passkey Provider  Progress from Awareness to Implementation.pptxTales from a Passkey Provider  Progress from Awareness to Implementation.pptx
Tales from a Passkey Provider Progress from Awareness to Implementation.pptx
FIDO Alliance
 

Recently uploaded (20)

UiPath manufacturing technology benefits and AI overview
UiPath manufacturing technology benefits and AI overviewUiPath manufacturing technology benefits and AI overview
UiPath manufacturing technology benefits and AI overview
 
Intro in Product Management - Коротко про професію продакт менеджера
Intro in Product Management - Коротко про професію продакт менеджераIntro in Product Management - Коротко про професію продакт менеджера
Intro in Product Management - Коротко про професію продакт менеджера
 
Google I/O Extended 2024 Warsaw
Google I/O Extended 2024 WarsawGoogle I/O Extended 2024 Warsaw
Google I/O Extended 2024 Warsaw
 
TopCryptoSupers 12thReport OrionX May2024
TopCryptoSupers 12thReport OrionX May2024TopCryptoSupers 12thReport OrionX May2024
TopCryptoSupers 12thReport OrionX May2024
 
Design Guidelines for Passkeys 2024.pptx
Design Guidelines for Passkeys 2024.pptxDesign Guidelines for Passkeys 2024.pptx
Design Guidelines for Passkeys 2024.pptx
 
Portal Kombat : extension du réseau de propagande russe
Portal Kombat : extension du réseau de propagande russePortal Kombat : extension du réseau de propagande russe
Portal Kombat : extension du réseau de propagande russe
 
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
 
Extensible Python: Robustness through Addition - PyCon 2024
Extensible Python: Robustness through Addition - PyCon 2024Extensible Python: Robustness through Addition - PyCon 2024
Extensible Python: Robustness through Addition - PyCon 2024
 
Hyatt driving innovation and exceptional customer experiences with FIDO passw...
Hyatt driving innovation and exceptional customer experiences with FIDO passw...Hyatt driving innovation and exceptional customer experiences with FIDO passw...
Hyatt driving innovation and exceptional customer experiences with FIDO passw...
 
Working together SRE & Platform Engineering
Working together SRE & Platform EngineeringWorking together SRE & Platform Engineering
Working together SRE & Platform Engineering
 
Top 10 CodeIgniter Development Companies
Top 10 CodeIgniter Development CompaniesTop 10 CodeIgniter Development Companies
Top 10 CodeIgniter Development Companies
 
Linux Foundation Edge _ Overview of FDO Software Components _ Randy at Intel.pdf
Linux Foundation Edge _ Overview of FDO Software Components _ Randy at Intel.pdfLinux Foundation Edge _ Overview of FDO Software Components _ Randy at Intel.pdf
Linux Foundation Edge _ Overview of FDO Software Components _ Randy at Intel.pdf
 
Tales from a Passkey Provider Progress from Awareness to Implementation.pptx
Tales from a Passkey Provider  Progress from Awareness to Implementation.pptxTales from a Passkey Provider  Progress from Awareness to Implementation.pptx
Tales from a Passkey Provider Progress from Awareness to Implementation.pptx
 
Observability Concepts EVERY Developer Should Know (DevOpsDays Seattle)
Observability Concepts EVERY Developer Should Know (DevOpsDays Seattle)Observability Concepts EVERY Developer Should Know (DevOpsDays Seattle)
Observability Concepts EVERY Developer Should Know (DevOpsDays Seattle)
 
ERP Contender Series: Acumatica vs. Sage Intacct
ERP Contender Series: Acumatica vs. Sage IntacctERP Contender Series: Acumatica vs. Sage Intacct
ERP Contender Series: Acumatica vs. Sage Intacct
 
Using IESVE for Room Loads Analysis - UK & Ireland
Using IESVE for Room Loads Analysis - UK & IrelandUsing IESVE for Room Loads Analysis - UK & Ireland
Using IESVE for Room Loads Analysis - UK & Ireland
 
The Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdf
The Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdfThe Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdf
The Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdf
 
Overview of Hyperledger Foundation
Overview of Hyperledger FoundationOverview of Hyperledger Foundation
Overview of Hyperledger Foundation
 
Continuing Bonds Through AI: A Hermeneutic Reflection on Thanabots
Continuing Bonds Through AI: A Hermeneutic Reflection on ThanabotsContinuing Bonds Through AI: A Hermeneutic Reflection on Thanabots
Continuing Bonds Through AI: A Hermeneutic Reflection on Thanabots
 
Collecting & Temporal Analysis of Behavioral Web Data - Tales From The Inside
Collecting & Temporal Analysis of Behavioral Web Data - Tales From The InsideCollecting & Temporal Analysis of Behavioral Web Data - Tales From The Inside
Collecting & Temporal Analysis of Behavioral Web Data - Tales From The Inside
 

Introduction to PhoneGap

  • 1. Introduction to PhoneGap Raymond Camden
  • 2. Your Speaker  Developer Evangelist for Adobe  Focused on Web Standards  www.raymondcamden.com  raymondcamden@gmail.com  @cfjedimaster
  • 3. Wait – Adobe bought PhoneGap?
  • 4. Wait – Adobe bought PhoneGap?
  • 5. Wait – Adobe bought PhoneGap?
  • 6. Adobe bought Nitobi  We buy all companies with rhyming names (just because)  PhoneGap is an open source project  In process to becoming a project under the Apache Software Foundation  New name: Cordova
  • 7. Apache Cordova  Cordova is the open source project  PhoneGap is the implemenation  Like Webkit for Chrome/Safari  http://incubator.apache.org/cordova
  • 8. What is PhoneGap?  "PhoneGap is an HTML5 app platform that allows you to author native applications with web technologies and get access to APIs and app stores. PhoneGap leverages web technologies developers already know best... HTML and JavaScript."
  • 10. What is PhoneGap, really? Awesome sauce: http://www.thinkgeek.com/caffeine/dc05/
  • 11. What is PhoneGap, really?
  • 12. Where does it go….  See the pretty icons below…  Specific details about each: ◦ http://phonegap.com/about/features  To be clear: Phones, Tablets, e-Readers, and whatever else Silicon Valley throws our way in 2012.
  • 13.
  • 14. Features  Accelerometer ◦ "The thing you shake"  Compass ◦ "The thing that tells you what direction you are heading"  Device ◦ "Generic info about the device"
  • 15. Features  Geolocation ◦ "The thing that tells you where you are"  Storage ◦ "The place you put your stuff"  Camera ◦ "Pictures of your cat"
  • 16. Features  Connection ◦ "Am I offline or just in the wrong part of Lafayette?"  Events ◦ "What is my phone doing now?!?!"  Media ◦ "Work with all those legally purchased MP3s."
  • 17. Features  Capture ◦ "Make new videos, sounds, and pictures of your cat"  Contacts ◦ "I really do have 200 friends!"  File ◦ "For important file stuff"  Notification ◦ "Buzzzzzzzzzzzzzzzzzz"
  • 18. Features  Remote Ajax w/o guilt  Orientation  The App Store (all of them actually)
  • 19. Who is using PhoneGap?
  • 21. How can you use it? (Tooling)  Plain text + command line #ubergeek  Adobe Dreamweaver CS 5.5  Eclipse  Xcode  Other bits for other platforms  Warning – docs are a bit in flux
  • 22. How can you use it? (Code)  Add cordova-VERSION.js to your HTML  Provides the hooks to the awesome  Done
  • 23.
  • 25. Demo – The Easy Way http://wiki.phonegap.com/w/page/34483744/PhoneGap%20Eclipse%20PlugIn%20for%20Android
  • 26. Code Demos!  General Device  Contact Search  Compass  Geolocation  Camera (oops, broken)  jQuery Mobile (RSS)  SimpleDB
  • 28. Plugins  Written in your platform's native language  Provide a JavaScript API  https://github.com/phonegap/phonegap- plugins
  • 29. Demo
  • 30. PhoneGap Build  Public Beta  Automated builds for all platforms  API  http://phonegap.com/2011/10/13/phonega p-build-pricing-plans-update/
  • 31. Demo
  • 32. Debugging PhoneGap  Build on the desktop first!  Consider your development tools  Weinre ◦ http://phonegap.github.com/weinre/  debug.phonegap.com
  • 33. Help!  Mailing List ◦ http://groups.google.com/group/phonegap  Books ◦ PhoneGap Beginner's Guide ◦ More on Amazon  IRC
  • 34. Wrap Up  7 Platforms  Free  HTML+JavaScript+CSS  And you win!