SlideShare ist ein Scribd-Unternehmen logo
1 von 30
Downloaden Sie, um offline zu lesen
Building Apps with
                              PhoneGap
                              Andrew Lunny
                              Nitobi Software
                                 @alunny




Sunday, August 22, 2010
Nitobi Software




                          • Vancouver BC

                          • Web and Mobile development/consulting

                          • small-ish: ~18 employees

Sunday, August 22, 2010
Sunday, August 22, 2010
One Good Bit




               http://www.webmonkey.com/2010/08/how-do-native-apps-and-web-apps-compare/



Sunday, August 22, 2010
There are some things the web does very well.

               There are also some things native apps do very well.

                          PhoneGap aims for the union of these.




Sunday, August 22, 2010
What is PhoneGap?




Sunday, August 22, 2010
PhoneGap is a cross-platform,
                      open source mobile development
                      framework for using front-end web
                      technologies to build (and sell!)
                      native mobile apps.



Sunday, August 22, 2010
PhoneGap is a cross-platform,
                      open source mobile development
                      framework for using front-end web
                      technologies to build (and sell!)
                      native mobile apps.



Sunday, August 22, 2010
Cross-Platform
            Write once, test/debug/rewrite everywhere




Sunday, August 22, 2010
• Today

                          • iOS, Android, BlackBerry 4.6+ (forwards
                           compatible), Palm WebOS, Symbian WRT

                    • Soon

                          • Windows Phone 7, BlackBerry widgets (5.0+,
                           not backwards compatible)



Sunday, August 22, 2010
Cross-Platform != One Codebase




                                   back button? menu?


Sunday, August 22, 2010
PhoneGap is a cross-platform, open
                      source mobile development
                      framework for using front-end web
                      technologies to build (and sell!)
                      native mobile apps.



Sunday, August 22, 2010
MIT Licensed
                                    now and forever

               “The MIT License states explicitly the rights
               given to the end-user, including the right to
               use, copy, modify, merge, publish, distribute,
               sublicense, and/or se" the so#ware.”

                     Just include the copyright notice in your source
                                  code, and you’re done

Sunday, August 22, 2010
The license grants the right to:


                          •    Build apps
                          •    Sell apps
                          •    Build and sell services using PhoneGap
                          •    Customize PhoneGap
                              • Contribute back
                              • Not contribute back



                               github.com/phonegap

Sunday, August 22, 2010
PhoneGap is a cross-platform, open
                      source mobile development
                      framework for using front-end web
                      technologies to build (and sell!)
                      native mobile apps.



Sunday, August 22, 2010
It is a requirement of the
             project that PhoneGap will not
             get your app rejected by Apple.




Sunday, August 22, 2010
PhoneGap plays by the rules

                    • for iOS, PhoneGap is an Objective-C static
                          library, built with XCode, using techniques
                          Apple devs have recommended

                    • jailbreaking is not required
                    • additional software on the device is not
                          required

                    • same for all other platforms

Sunday, August 22, 2010
Your app can still be rejected
                    • It probably will if           • It probably won’t if
                          • your app is just a         • you take advantage of
                            wrapper around a             native functionality
                            mobile web site
                                                       • you offer unique
                          • you load all                 content
                            application code from
                            a remote server            • you offer a great user
                                                         experience
                          • it violates the TOS


Sunday, August 22, 2010
It can also be featured on the
                             app store
Sunday, August 22, 2010
PhoneGap is a cross-platform, open
                      source mobile development
                      framework for using front-end web
                      technologies to build (and sell!)
                      native mobile apps.



Sunday, August 22, 2010
Remember Wired?
Sunday, August 22, 2010
What PhoneGap gives you

                    • Offline by default
                    • Access to hardware sensors (device-dependent)
                          • Accelerometer, GPS, Orientation, Compass
                    • Media integration
                    • OS integration
                          • Camera, Contacts, File System, etc

Sunday, August 22, 2010
And anything
               else you want
             PhoneGap is a native
            project, and it’s all open
            source. If you need any
           native code, dive right in.




Sunday, August 22, 2010
PhoneGap is a cross-platform, open
                      source mobile development
                      framework for using front-end
                      web technologies to build (and
                      sell!) native mobile apps.



Sunday, August 22, 2010
• HTML(5), CSS as usual
                    • JavaScript handles all of the application logic
                          • persistent storage (SQLite db, localStorage)
                          • network requests (cross-domain XHR, since
                           we’re running from file://)

                          • view templating



Sunday, August 22, 2010
We use what’s there

                    • Browser/web view on the device
                          • (A) WebKit: iOS, Android, Palm, Symbian
                          • BlackBerry: pretty bad - will be WebKit in
                           OS 6.0

                          • Windows Phone 7: “evolved” IE7 (between
                           IE7 and IE8)



Sunday, August 22, 2010
What isn’t PhoneGap?




Sunday, August 22, 2010
UI Framework - a bit of a mixed bag
                          • jqTouch, Sproutcore Touch, Cappuccino
                          • Sencha Touch (licensing permitting)
                          • jQuery Mobile (when it ships)
                     DOM framework
                          • your favourite one will work (jQuery,
                           Prototype, Dojo)
                          • we develop and recommend XUI -
                           github.com/xui


Sunday, August 22, 2010
Solution for all problems

                          • Don’t write games, video editing, VNC apps
                           - the performance won’t be there

                          • Similar when dealing with large datasets and
                           files

                          • Not a replacement for a mobile web app


Sunday, August 22, 2010
Thanks!
                                   @alunny
                           andrew.lunny@nitobi.com
                          nitobi.com / phonegap.com




Sunday, August 22, 2010

Weitere ähnliche Inhalte

Was ist angesagt? (6)

Introduction to Mobile for (Web) Designers
Introduction to Mobile for (Web) DesignersIntroduction to Mobile for (Web) Designers
Introduction to Mobile for (Web) Designers
 
Html5 investigation
Html5 investigationHtml5 investigation
Html5 investigation
 
Going Mobile With Mobile 2.0 (V0.2)
Going Mobile With Mobile 2.0 (V0.2)Going Mobile With Mobile 2.0 (V0.2)
Going Mobile With Mobile 2.0 (V0.2)
 
MeeGo AppLab Desktop Summit 2011 - Submission and Validation
MeeGo AppLab Desktop Summit 2011 - Submission and ValidationMeeGo AppLab Desktop Summit 2011 - Submission and Validation
MeeGo AppLab Desktop Summit 2011 - Submission and Validation
 
Jure Sustersic Monetization through Ovi Services
Jure Sustersic Monetization through Ovi ServicesJure Sustersic Monetization through Ovi Services
Jure Sustersic Monetization through Ovi Services
 
Intel Ultrabook Software Development Tools - Intel AppLab Berlin
Intel Ultrabook Software Development Tools - Intel AppLab BerlinIntel Ultrabook Software Development Tools - Intel AppLab Berlin
Intel Ultrabook Software Development Tools - Intel AppLab Berlin
 

Andere mochten auch

Andere mochten auch (20)

Activismo y Redes Sociales, ¿herramientas para el cambio?
Activismo y Redes Sociales, ¿herramientas para el cambio?Activismo y Redes Sociales, ¿herramientas para el cambio?
Activismo y Redes Sociales, ¿herramientas para el cambio?
 
Creating Beautiful Type (On the Web)
Creating Beautiful Type (On the Web)Creating Beautiful Type (On the Web)
Creating Beautiful Type (On the Web)
 
ES6Katas.org - an introduction and the story behind
ES6Katas.org - an introduction and the story behindES6Katas.org - an introduction and the story behind
ES6Katas.org - an introduction and the story behind
 
Logline pitch
Logline pitchLogline pitch
Logline pitch
 
Pilots and Prototyping
Pilots and Prototyping Pilots and Prototyping
Pilots and Prototyping
 
INTRODUCTION TO DOM AND DOM TREE
INTRODUCTION TO DOM AND DOM TREEINTRODUCTION TO DOM AND DOM TREE
INTRODUCTION TO DOM AND DOM TREE
 
Track certificate 272759-illustrator
Track certificate 272759-illustratorTrack certificate 272759-illustrator
Track certificate 272759-illustrator
 
Meet-up Marzo - WpMexico - 20150328
Meet-up Marzo - WpMexico - 20150328Meet-up Marzo - WpMexico - 20150328
Meet-up Marzo - WpMexico - 20150328
 
Social Innovation at Desis Ireland Launch
Social Innovation at Desis Ireland LaunchSocial Innovation at Desis Ireland Launch
Social Innovation at Desis Ireland Launch
 
Community Engagement Presentation
Community Engagement PresentationCommunity Engagement Presentation
Community Engagement Presentation
 
5 Steps
5 Steps5 Steps
5 Steps
 
Social media is a hype and advertising sucks.
Social media is a hype and advertising sucks. Social media is a hype and advertising sucks.
Social media is a hype and advertising sucks.
 
The Matter
The MatterThe Matter
The Matter
 
Typography for frontend developers: Asian languages
Typography for frontend developers: Asian languagesTypography for frontend developers: Asian languages
Typography for frontend developers: Asian languages
 
Care Information Scotland
Care Information Scotland Care Information Scotland
Care Information Scotland
 
Типографика: Восток
Типографика: ВостокТипографика: Восток
Типографика: Восток
 
Frukostseminarium 24 januari 2013 hos Transformator Design
Frukostseminarium 24 januari 2013 hos Transformator DesignFrukostseminarium 24 januari 2013 hos Transformator Design
Frukostseminarium 24 januari 2013 hos Transformator Design
 
Looking into the Futura - a type specimen book
Looking into the Futura - a type specimen book Looking into the Futura - a type specimen book
Looking into the Futura - a type specimen book
 
Pmimy Evening Talk Oct 2013
Pmimy Evening Talk Oct 2013Pmimy Evening Talk Oct 2013
Pmimy Evening Talk Oct 2013
 
Wbfntdy 2012
Wbfntdy 2012Wbfntdy 2012
Wbfntdy 2012
 

Ähnlich wie Building Apps with PhoneGap

2011 code camp
2011 code camp2011 code camp
2011 code camp
imranq2
 
Firefox operating system
Firefox operating systemFirefox operating system
Firefox operating system
Nishant Mehare
 
1319571 634635606205391250
1319571 6346356062053912501319571 634635606205391250
1319571 634635606205391250
MadNor Exe
 
Никита Корчагин - Introduction to iOS development
Никита Корчагин - Introduction to iOS developmentНикита Корчагин - Introduction to iOS development
Никита Корчагин - Introduction to iOS development
DataArt
 

Ähnlich wie Building Apps with PhoneGap (20)

Nuxeo World Session: Mobile ECM Apps with Nuxeo EP
Nuxeo World Session: Mobile ECM Apps with Nuxeo EPNuxeo World Session: Mobile ECM Apps with Nuxeo EP
Nuxeo World Session: Mobile ECM Apps with Nuxeo EP
 
Future of Mobile
Future of MobileFuture of Mobile
Future of Mobile
 
Mozilla's Boot to Gecko (B2G)
Mozilla's Boot to Gecko (B2G)Mozilla's Boot to Gecko (B2G)
Mozilla's Boot to Gecko (B2G)
 
Tug of war between Android app development and iPhone app development
Tug of war between Android app development and iPhone app developmentTug of war between Android app development and iPhone app development
Tug of war between Android app development and iPhone app development
 
Synapse india reviews on mobile application development
Synapse india reviews on mobile application developmentSynapse india reviews on mobile application development
Synapse india reviews on mobile application development
 
2011 code camp
2011 code camp2011 code camp
2011 code camp
 
Current state of mobile development february 2013
Current state of mobile development february 2013Current state of mobile development february 2013
Current state of mobile development february 2013
 
Top 4 Cross Platform tools for Mobile App Development
Top 4 Cross Platform tools for Mobile App DevelopmentTop 4 Cross Platform tools for Mobile App Development
Top 4 Cross Platform tools for Mobile App Development
 
Android Overview
Android OverviewAndroid Overview
Android Overview
 
Firefox operating system
Firefox operating systemFirefox operating system
Firefox operating system
 
developementofmobileapplication-160412025313 (1).pptx
developementofmobileapplication-160412025313 (1).pptxdevelopementofmobileapplication-160412025313 (1).pptx
developementofmobileapplication-160412025313 (1).pptx
 
Dan Appelquist at BBC News Labs : "firefoxOS - the web, mobile, web apps"
Dan Appelquist at BBC News Labs : "firefoxOS - the web, mobile, web apps"Dan Appelquist at BBC News Labs : "firefoxOS - the web, mobile, web apps"
Dan Appelquist at BBC News Labs : "firefoxOS - the web, mobile, web apps"
 
Webinar Mobile ECM Apps with Nuxeo EP
Webinar Mobile ECM Apps with Nuxeo EPWebinar Mobile ECM Apps with Nuxeo EP
Webinar Mobile ECM Apps with Nuxeo EP
 
Mobile applications development
Mobile applications developmentMobile applications development
Mobile applications development
 
iOS App Development and Marketing
iOS App Development and MarketingiOS App Development and Marketing
iOS App Development and Marketing
 
1319571 634635606205391250
1319571 6346356062053912501319571 634635606205391250
1319571 634635606205391250
 
PhoneGap Talk @ Sencha Con 2010
PhoneGap Talk @ Sencha Con 2010PhoneGap Talk @ Sencha Con 2010
PhoneGap Talk @ Sencha Con 2010
 
Android
AndroidAndroid
Android
 
Никита Корчагин - Introduction to iOS development
Никита Корчагин - Introduction to iOS developmentНикита Корчагин - Introduction to iOS development
Никита Корчагин - Introduction to iOS development
 
Cross Platform Mobile Development
Cross Platform Mobile DevelopmentCross Platform Mobile Development
Cross Platform Mobile Development
 

Kürzlich hochgeladen

Kürzlich hochgeladen (20)

🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
 
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
Manulife - Insurer Innovation Award 2024
Manulife - Insurer Innovation Award 2024Manulife - Insurer Innovation Award 2024
Manulife - Insurer Innovation Award 2024
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
Top 10 Most Downloaded Games on Play Store in 2024
Top 10 Most Downloaded Games on Play Store in 2024Top 10 Most Downloaded Games on Play Store in 2024
Top 10 Most Downloaded Games on Play Store in 2024
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 

Building Apps with PhoneGap

  • 1. Building Apps with PhoneGap Andrew Lunny Nitobi Software @alunny Sunday, August 22, 2010
  • 2. Nitobi Software • Vancouver BC • Web and Mobile development/consulting • small-ish: ~18 employees Sunday, August 22, 2010
  • 4. One Good Bit http://www.webmonkey.com/2010/08/how-do-native-apps-and-web-apps-compare/ Sunday, August 22, 2010
  • 5. There are some things the web does very well. There are also some things native apps do very well. PhoneGap aims for the union of these. Sunday, August 22, 2010
  • 6. What is PhoneGap? Sunday, August 22, 2010
  • 7. PhoneGap is a cross-platform, open source mobile development framework for using front-end web technologies to build (and sell!) native mobile apps. Sunday, August 22, 2010
  • 8. PhoneGap is a cross-platform, open source mobile development framework for using front-end web technologies to build (and sell!) native mobile apps. Sunday, August 22, 2010
  • 9. Cross-Platform Write once, test/debug/rewrite everywhere Sunday, August 22, 2010
  • 10. • Today • iOS, Android, BlackBerry 4.6+ (forwards compatible), Palm WebOS, Symbian WRT • Soon • Windows Phone 7, BlackBerry widgets (5.0+, not backwards compatible) Sunday, August 22, 2010
  • 11. Cross-Platform != One Codebase back button? menu? Sunday, August 22, 2010
  • 12. PhoneGap is a cross-platform, open source mobile development framework for using front-end web technologies to build (and sell!) native mobile apps. Sunday, August 22, 2010
  • 13. MIT Licensed now and forever “The MIT License states explicitly the rights given to the end-user, including the right to use, copy, modify, merge, publish, distribute, sublicense, and/or se" the so#ware.” Just include the copyright notice in your source code, and you’re done Sunday, August 22, 2010
  • 14. The license grants the right to: • Build apps • Sell apps • Build and sell services using PhoneGap • Customize PhoneGap • Contribute back • Not contribute back github.com/phonegap Sunday, August 22, 2010
  • 15. PhoneGap is a cross-platform, open source mobile development framework for using front-end web technologies to build (and sell!) native mobile apps. Sunday, August 22, 2010
  • 16. It is a requirement of the project that PhoneGap will not get your app rejected by Apple. Sunday, August 22, 2010
  • 17. PhoneGap plays by the rules • for iOS, PhoneGap is an Objective-C static library, built with XCode, using techniques Apple devs have recommended • jailbreaking is not required • additional software on the device is not required • same for all other platforms Sunday, August 22, 2010
  • 18. Your app can still be rejected • It probably will if • It probably won’t if • your app is just a • you take advantage of wrapper around a native functionality mobile web site • you offer unique • you load all content application code from a remote server • you offer a great user experience • it violates the TOS Sunday, August 22, 2010
  • 19. It can also be featured on the app store Sunday, August 22, 2010
  • 20. PhoneGap is a cross-platform, open source mobile development framework for using front-end web technologies to build (and sell!) native mobile apps. Sunday, August 22, 2010
  • 22. What PhoneGap gives you • Offline by default • Access to hardware sensors (device-dependent) • Accelerometer, GPS, Orientation, Compass • Media integration • OS integration • Camera, Contacts, File System, etc Sunday, August 22, 2010
  • 23. And anything else you want PhoneGap is a native project, and it’s all open source. If you need any native code, dive right in. Sunday, August 22, 2010
  • 24. PhoneGap is a cross-platform, open source mobile development framework for using front-end web technologies to build (and sell!) native mobile apps. Sunday, August 22, 2010
  • 25. • HTML(5), CSS as usual • JavaScript handles all of the application logic • persistent storage (SQLite db, localStorage) • network requests (cross-domain XHR, since we’re running from file://) • view templating Sunday, August 22, 2010
  • 26. We use what’s there • Browser/web view on the device • (A) WebKit: iOS, Android, Palm, Symbian • BlackBerry: pretty bad - will be WebKit in OS 6.0 • Windows Phone 7: “evolved” IE7 (between IE7 and IE8) Sunday, August 22, 2010
  • 28. UI Framework - a bit of a mixed bag • jqTouch, Sproutcore Touch, Cappuccino • Sencha Touch (licensing permitting) • jQuery Mobile (when it ships) DOM framework • your favourite one will work (jQuery, Prototype, Dojo) • we develop and recommend XUI - github.com/xui Sunday, August 22, 2010
  • 29. Solution for all problems • Don’t write games, video editing, VNC apps - the performance won’t be there • Similar when dealing with large datasets and files • Not a replacement for a mobile web app Sunday, August 22, 2010
  • 30. Thanks! @alunny andrew.lunny@nitobi.com nitobi.com / phonegap.com Sunday, August 22, 2010