SlideShare uma empresa Scribd logo
1 de 25
Introduction to PhoneGap Singapore Android Dev/User Group Meetup. Daniel, Dao Quang Minh. 3 rd  year IS student, NUS.
What is PhoneGap ?
What is PhoneGap ? PhoneGap is an open source development tool for building fast, easy mobile apps with JavaScript.
What is PhoneGap ? Ajaxian "Ben and I have been promoting PhoneGap as a great solution for Web developers to create applications with the technology they know and love, without having to jump off of the cliff to other proprietary worlds. PhoneGap is still new, but gets more impressive every day."
InfoWorld "If I worked at RIM, I'd take a trip out to Vancouver to talk to the Nitobi dudes. This framework is exactly what RIM needs to counter the trend of developers targeting the iPhone/iPod as the premier environment for mobile device applications."
Why PhoneGap ? Lets go back to where we all start: Mobile Web Development.
Mobile Web ?
Mobile Web ?
Mobile Web ?
Mobile Web ? Is it easy ?
Mobile Web ? “ Just plug your data into the app, using whatever available UI (iPhone / Android / BlackBerry ) and you are done !!! “
No , It's not !!
And back to our original question: Why PhoneGap ?
Why PhoneGap ? Today, mobile development is a mess.
A Mess ? Iphone SDK ( using Objective-C ) Android SDK ( using Java ) BlackBerry ( using JavaME )
Why PhoneGap ? “ We aim to change that by enabling web technologies to work with native device features such as geo-location and accelerometers. In PhoneGap, we're building a cross-platform framework for device-neutral mobile development.”
Why PhoneGap ? http://blogs.nitobi.com/andre/index.php/2009/03/10/what-is-phonegap-the-movie/
Why PhoneGap ?
What does PhoneGap do ? It wraps the Web view with a container. This container gives the view access to APIs available on the device that may not be available on the Web view alone.
Disadvantages - The documentation is not matured enough. - May have bugs somewhere :p - Not really suitable for graphic-intensive application ( for now )
But It's Free and Open Source !!!
You can fork it, contribute to it, support it. http://phonegap.pbwiki.com/ http://phonegap.pbwiki.com/Getting-Started-with-PhoneGap-(Android ) http://github.com/sintaxi/phonegap/tree/master
If there's BootCamp , we can discuss more about PhoneGap and its application :)
Sample Applications http://phonegap.com/projects
Thank You. Email :  [email_address] IRC: dqminh #linuxnus @irc.freenode.net

Mais conteúdo relacionado

Mais procurados

PhoneGap - What It Actually Is
PhoneGap - What It Actually IsPhoneGap - What It Actually Is
PhoneGap - What It Actually IsMarkiyan Matsekh
 
DroidCon 2011: Developing HTML5 and hybrid Android apps using Phonegap
DroidCon 2011: Developing HTML5 and hybrid Android apps using PhonegapDroidCon 2011: Developing HTML5 and hybrid Android apps using Phonegap
DroidCon 2011: Developing HTML5 and hybrid Android apps using PhonegapAyushman Jain
 
DevChatt 2011 - PhoneGap: For Fun and Science
DevChatt 2011 - PhoneGap: For Fun and ScienceDevChatt 2011 - PhoneGap: For Fun and Science
DevChatt 2011 - PhoneGap: For Fun and ScienceCameron Kilgore
 
PhoneGap Day US 2013 - Chrome Packaged Apps
PhoneGap Day US 2013 - Chrome Packaged AppsPhoneGap Day US 2013 - Chrome Packaged Apps
PhoneGap Day US 2013 - Chrome Packaged AppsPhoneGap
 
Phonegap
PhonegapPhonegap
PhonegapTim Kim
 
Introduction to PhoneGap
Introduction to PhoneGapIntroduction to PhoneGap
Introduction to PhoneGapRamesh Nair
 
Designing Mobile Apps with HTML5 & CSS3
Designing Mobile Apps with HTML5 & CSS3Designing Mobile Apps with HTML5 & CSS3
Designing Mobile Apps with HTML5 & CSS3Johannes Ippen
 
Phonegap for Engineers
Phonegap for EngineersPhonegap for Engineers
Phonegap for EngineersBrian LeRoux
 
How to build mobile API with Node.js
How to build mobile API with Node.jsHow to build mobile API with Node.js
How to build mobile API with Node.jsTomek Cejner
 
From mobile browser to mobile app
From mobile browser to mobile appFrom mobile browser to mobile app
From mobile browser to mobile appRyan Stewart
 
UX Super Powers with #ProjectComet
UX Super Powers with #ProjectCometUX Super Powers with #ProjectComet
UX Super Powers with #ProjectCometDemian Borba
 
PhoneGap 101 & Toura Mulberry
PhoneGap 101 & Toura MulberryPhoneGap 101 & Toura Mulberry
PhoneGap 101 & Toura MulberryTouraDev
 
Build 2017 - B8012 - Tips, tricks, and secrets: Building a great UWP app for PC
Build 2017 - B8012 - Tips, tricks, and secrets: Building a great UWP app for PCBuild 2017 - B8012 - Tips, tricks, and secrets: Building a great UWP app for PC
Build 2017 - B8012 - Tips, tricks, and secrets: Building a great UWP app for PCWindows Developer
 
Cross Platform Development Strategies with vendor review and PhoneGap case study
Cross Platform Development Strategies with vendor review and PhoneGap case studyCross Platform Development Strategies with vendor review and PhoneGap case study
Cross Platform Development Strategies with vendor review and PhoneGap case studyElegant Technologies, LLC
 
Debugging and deploying with phone gap
Debugging and deploying with phone gapDebugging and deploying with phone gap
Debugging and deploying with phone gapRyan Stewart
 
Developing with Phonegap - Adobe Refresh 2012
Developing with Phonegap - Adobe Refresh 2012Developing with Phonegap - Adobe Refresh 2012
Developing with Phonegap - Adobe Refresh 2012Ryan Stewart
 

Mais procurados (20)

PhoneGap - What It Actually Is
PhoneGap - What It Actually IsPhoneGap - What It Actually Is
PhoneGap - What It Actually Is
 
"We want an APP!"
"We want an APP!""We want an APP!"
"We want an APP!"
 
DroidCon 2011: Developing HTML5 and hybrid Android apps using Phonegap
DroidCon 2011: Developing HTML5 and hybrid Android apps using PhonegapDroidCon 2011: Developing HTML5 and hybrid Android apps using Phonegap
DroidCon 2011: Developing HTML5 and hybrid Android apps using Phonegap
 
DevChatt 2011 - PhoneGap: For Fun and Science
DevChatt 2011 - PhoneGap: For Fun and ScienceDevChatt 2011 - PhoneGap: For Fun and Science
DevChatt 2011 - PhoneGap: For Fun and Science
 
PhoneGap Day US 2013 - Chrome Packaged Apps
PhoneGap Day US 2013 - Chrome Packaged AppsPhoneGap Day US 2013 - Chrome Packaged Apps
PhoneGap Day US 2013 - Chrome Packaged Apps
 
All About Phonegap
All About Phonegap All About Phonegap
All About Phonegap
 
Phonegap
PhonegapPhonegap
Phonegap
 
Introduction to PhoneGap
Introduction to PhoneGapIntroduction to PhoneGap
Introduction to PhoneGap
 
Designing Mobile Apps with HTML5 & CSS3
Designing Mobile Apps with HTML5 & CSS3Designing Mobile Apps with HTML5 & CSS3
Designing Mobile Apps with HTML5 & CSS3
 
Civi mobile & CiviSync Mobile
Civi mobile & CiviSync MobileCivi mobile & CiviSync Mobile
Civi mobile & CiviSync Mobile
 
Phonegap for Engineers
Phonegap for EngineersPhonegap for Engineers
Phonegap for Engineers
 
How to build mobile API with Node.js
How to build mobile API with Node.jsHow to build mobile API with Node.js
How to build mobile API with Node.js
 
From mobile browser to mobile app
From mobile browser to mobile appFrom mobile browser to mobile app
From mobile browser to mobile app
 
UX Super Powers with #ProjectComet
UX Super Powers with #ProjectCometUX Super Powers with #ProjectComet
UX Super Powers with #ProjectComet
 
PhoneGap 101 & Toura Mulberry
PhoneGap 101 & Toura MulberryPhoneGap 101 & Toura Mulberry
PhoneGap 101 & Toura Mulberry
 
Build 2017 - B8012 - Tips, tricks, and secrets: Building a great UWP app for PC
Build 2017 - B8012 - Tips, tricks, and secrets: Building a great UWP app for PCBuild 2017 - B8012 - Tips, tricks, and secrets: Building a great UWP app for PC
Build 2017 - B8012 - Tips, tricks, and secrets: Building a great UWP app for PC
 
Cross Platform Development Strategies with vendor review and PhoneGap case study
Cross Platform Development Strategies with vendor review and PhoneGap case studyCross Platform Development Strategies with vendor review and PhoneGap case study
Cross Platform Development Strategies with vendor review and PhoneGap case study
 
Debugging and deploying with phone gap
Debugging and deploying with phone gapDebugging and deploying with phone gap
Debugging and deploying with phone gap
 
Phonegap
PhonegapPhonegap
Phonegap
 
Developing with Phonegap - Adobe Refresh 2012
Developing with Phonegap - Adobe Refresh 2012Developing with Phonegap - Adobe Refresh 2012
Developing with Phonegap - Adobe Refresh 2012
 

Destaque

Corporate Presentation - Kael Technology
Corporate Presentation - Kael TechnologyCorporate Presentation - Kael Technology
Corporate Presentation - Kael TechnologyEddie Choong
 
Rollins 2013 annual report
Rollins 2013 annual reportRollins 2013 annual report
Rollins 2013 annual reportamy_ostler
 
Monetary policy not responsible for inflation
Monetary policy not responsible for inflationMonetary policy not responsible for inflation
Monetary policy not responsible for inflationchoorkut
 
Pcyg investor presentation_may_2013
Pcyg investor presentation_may_2013Pcyg investor presentation_may_2013
Pcyg investor presentation_may_2013amy_ostler
 
Rollins 2009 ar
Rollins 2009 arRollins 2009 ar
Rollins 2009 aramy_ostler
 
Reason for Indias Development
Reason for Indias DevelopmentReason for Indias Development
Reason for Indias Developmentchoorkut
 
Introduction to PhoneGap
Introduction to PhoneGapIntroduction to PhoneGap
Introduction to PhoneGapQuang Minh Dao
 
Open Data and Web API
Open Data and Web APIOpen Data and Web API
Open Data and Web APISammy Fung
 
Questioning Practices And Strategies
Questioning Practices And  StrategiesQuestioning Practices And  Strategies
Questioning Practices And Strategiesrobbi makely
 
Differentiated Instructional Management
Differentiated Instructional ManagementDifferentiated Instructional Management
Differentiated Instructional Managementrobbi makely
 
[2015/2016] Apache Cordova APIs
[2015/2016] Apache Cordova APIs[2015/2016] Apache Cordova APIs
[2015/2016] Apache Cordova APIsIvano Malavolta
 
Apps with Apache Cordova and Phonegap
Apps with Apache Cordova and PhonegapApps with Apache Cordova and Phonegap
Apps with Apache Cordova and PhonegapChristian Grobmeier
 
Berghorn firefighter
Berghorn firefighter Berghorn firefighter
Berghorn firefighter robbi makely
 
הגשה סופית פאוורפוינט
הגשה סופית פאוורפוינטהגשה סופית פאוורפוינט
הגשה סופית פאוורפוינטavia_cohen
 
Revista_Foro_Internado
Revista_Foro_InternadoRevista_Foro_Internado
Revista_Foro_InternadoMyri_Rubia
 

Destaque (19)

Corporate Presentation - Kael Technology
Corporate Presentation - Kael TechnologyCorporate Presentation - Kael Technology
Corporate Presentation - Kael Technology
 
Rollins 2013 annual report
Rollins 2013 annual reportRollins 2013 annual report
Rollins 2013 annual report
 
Monetary policy not responsible for inflation
Monetary policy not responsible for inflationMonetary policy not responsible for inflation
Monetary policy not responsible for inflation
 
Pcyg investor presentation_may_2013
Pcyg investor presentation_may_2013Pcyg investor presentation_may_2013
Pcyg investor presentation_may_2013
 
Compactingfixed
CompactingfixedCompactingfixed
Compactingfixed
 
Rollins 2009 ar
Rollins 2009 arRollins 2009 ar
Rollins 2009 ar
 
Reason for Indias Development
Reason for Indias DevelopmentReason for Indias Development
Reason for Indias Development
 
Introduction to PhoneGap
Introduction to PhoneGapIntroduction to PhoneGap
Introduction to PhoneGap
 
Open Data and Web API
Open Data and Web APIOpen Data and Web API
Open Data and Web API
 
Questioning Practices And Strategies
Questioning Practices And  StrategiesQuestioning Practices And  Strategies
Questioning Practices And Strategies
 
Differentiated Instructional Management
Differentiated Instructional ManagementDifferentiated Instructional Management
Differentiated Instructional Management
 
Tor Presentation
Tor PresentationTor Presentation
Tor Presentation
 
[2015/2016] Apache Cordova APIs
[2015/2016] Apache Cordova APIs[2015/2016] Apache Cordova APIs
[2015/2016] Apache Cordova APIs
 
Apps with Apache Cordova and Phonegap
Apps with Apache Cordova and PhonegapApps with Apache Cordova and Phonegap
Apps with Apache Cordova and Phonegap
 
Berghorn firefighter
Berghorn firefighter Berghorn firefighter
Berghorn firefighter
 
הגשה סופית פאוורפוינט
הגשה סופית פאוורפוינטהגשה סופית פאוורפוינט
הגשה סופית פאוורפוינט
 
Arquitectura 2 B
Arquitectura 2 BArquitectura 2 B
Arquitectura 2 B
 
Revista_Foro_Internado
Revista_Foro_InternadoRevista_Foro_Internado
Revista_Foro_Internado
 
Pintura 2 Eso
Pintura 2 EsoPintura 2 Eso
Pintura 2 Eso
 

Semelhante a Phonegap

Phone gap in android technology
Phone gap in android technologyPhone gap in android technology
Phone gap in android technologyVikrant Thakare
 
PhoneGap/PhoneGap Build - Amsterdam Adobe Camp
PhoneGap/PhoneGap Build - Amsterdam Adobe CampPhoneGap/PhoneGap Build - Amsterdam Adobe Camp
PhoneGap/PhoneGap Build - Amsterdam Adobe CampMihai Corlan
 
Native Mobile Platforms vs Phonegap – A Comparison
Native Mobile Platforms vs Phonegap – A ComparisonNative Mobile Platforms vs Phonegap – A Comparison
Native Mobile Platforms vs Phonegap – A ComparisonNeev Technologies
 
HTML5 Can't Do That
HTML5 Can't Do ThatHTML5 Can't Do That
HTML5 Can't Do ThatNathan Smith
 
An introduction to Apache Cordova
An introduction to Apache CordovaAn introduction to Apache Cordova
An introduction to Apache Cordovavaluebound
 
Mobile Application Design & Development
Mobile Application Design & DevelopmentMobile Application Design & Development
Mobile Application Design & DevelopmentRonnie Liew
 
Native v s hybrid
Native v s hybridNative v s hybrid
Native v s hybridKelly Ston
 
Hybrid app development
Hybrid app developmentHybrid app development
Hybrid app developmentHarshul Shah
 
Congrats web developer, you are also a mobile developer!
Congrats web developer, you are also a mobile developer!Congrats web developer, you are also a mobile developer!
Congrats web developer, you are also a mobile developer!Eyal Eizenberg
 
Modern mobile development overview
Modern mobile development overviewModern mobile development overview
Modern mobile development overviewDima Maleev
 
Getting started with PhoneGap
Getting started with PhoneGapGetting started with PhoneGap
Getting started with PhoneGapMihai Corlan
 
Native, Web App, or Hybrid: Which Should You Choose?
Native, Web App, or Hybrid: Which Should You Choose?Native, Web App, or Hybrid: Which Should You Choose?
Native, Web App, or Hybrid: Which Should You Choose?Softweb Solutions
 
Using PhoneGap to develop incredible HTML5 hybrid mobile apps
Using PhoneGap to develop incredible HTML5 hybrid mobile appsUsing PhoneGap to develop incredible HTML5 hybrid mobile apps
Using PhoneGap to develop incredible HTML5 hybrid mobile appsMonaca
 
Appium - Reality check on the world’s leading Open Source Framework for Mobil...
Appium - Reality check on the world’s leading Open Source Framework for Mobil...Appium - Reality check on the world’s leading Open Source Framework for Mobil...
Appium - Reality check on the world’s leading Open Source Framework for Mobil...Asaf Saar
 
Pick Your Poison – Mobile Web, Native, or Hybrid? - Denver Startup Week - Oct...
Pick Your Poison – Mobile Web, Native, or Hybrid? - Denver Startup Week - Oct...Pick Your Poison – Mobile Web, Native, or Hybrid? - Denver Startup Week - Oct...
Pick Your Poison – Mobile Web, Native, or Hybrid? - Denver Startup Week - Oct...Shane Church
 
Pick Your Poison – Mobile Web, Native or Hybrid?
Pick Your Poison – Mobile Web, Native or Hybrid?Pick Your Poison – Mobile Web, Native or Hybrid?
Pick Your Poison – Mobile Web, Native or Hybrid?Effective
 
The Best Alternatives To The Ionic Framework.pdf
The Best Alternatives To The Ionic Framework.pdfThe Best Alternatives To The Ionic Framework.pdf
The Best Alternatives To The Ionic Framework.pdfMoon Technolabs Pvt. Ltd.
 

Semelhante a Phonegap (20)

Phone gap in android technology
Phone gap in android technologyPhone gap in android technology
Phone gap in android technology
 
Phonegap
PhonegapPhonegap
Phonegap
 
PhoneGap/PhoneGap Build - Amsterdam Adobe Camp
PhoneGap/PhoneGap Build - Amsterdam Adobe CampPhoneGap/PhoneGap Build - Amsterdam Adobe Camp
PhoneGap/PhoneGap Build - Amsterdam Adobe Camp
 
Native Mobile Platforms vs Phonegap – A Comparison
Native Mobile Platforms vs Phonegap – A ComparisonNative Mobile Platforms vs Phonegap – A Comparison
Native Mobile Platforms vs Phonegap – A Comparison
 
What is PhoneGap?
What is PhoneGap?What is PhoneGap?
What is PhoneGap?
 
HTML5 Can't Do That
HTML5 Can't Do ThatHTML5 Can't Do That
HTML5 Can't Do That
 
An introduction to Apache Cordova
An introduction to Apache CordovaAn introduction to Apache Cordova
An introduction to Apache Cordova
 
Mobile Application Design & Development
Mobile Application Design & DevelopmentMobile Application Design & Development
Mobile Application Design & Development
 
Native v s hybrid
Native v s hybridNative v s hybrid
Native v s hybrid
 
Hybrid app development
Hybrid app developmentHybrid app development
Hybrid app development
 
Congrats web developer, you are also a mobile developer!
Congrats web developer, you are also a mobile developer!Congrats web developer, you are also a mobile developer!
Congrats web developer, you are also a mobile developer!
 
Modern mobile development overview
Modern mobile development overviewModern mobile development overview
Modern mobile development overview
 
Getting started with PhoneGap
Getting started with PhoneGapGetting started with PhoneGap
Getting started with PhoneGap
 
Native, Web App, or Hybrid: Which Should You Choose?
Native, Web App, or Hybrid: Which Should You Choose?Native, Web App, or Hybrid: Which Should You Choose?
Native, Web App, or Hybrid: Which Should You Choose?
 
Using PhoneGap to develop incredible HTML5 hybrid mobile apps
Using PhoneGap to develop incredible HTML5 hybrid mobile appsUsing PhoneGap to develop incredible HTML5 hybrid mobile apps
Using PhoneGap to develop incredible HTML5 hybrid mobile apps
 
Appium - Reality check on the world’s leading Open Source Framework for Mobil...
Appium - Reality check on the world’s leading Open Source Framework for Mobil...Appium - Reality check on the world’s leading Open Source Framework for Mobil...
Appium - Reality check on the world’s leading Open Source Framework for Mobil...
 
Phonegap 1.0
Phonegap 1.0Phonegap 1.0
Phonegap 1.0
 
Pick Your Poison – Mobile Web, Native, or Hybrid? - Denver Startup Week - Oct...
Pick Your Poison – Mobile Web, Native, or Hybrid? - Denver Startup Week - Oct...Pick Your Poison – Mobile Web, Native, or Hybrid? - Denver Startup Week - Oct...
Pick Your Poison – Mobile Web, Native, or Hybrid? - Denver Startup Week - Oct...
 
Pick Your Poison – Mobile Web, Native or Hybrid?
Pick Your Poison – Mobile Web, Native or Hybrid?Pick Your Poison – Mobile Web, Native or Hybrid?
Pick Your Poison – Mobile Web, Native or Hybrid?
 
The Best Alternatives To The Ionic Framework.pdf
The Best Alternatives To The Ionic Framework.pdfThe Best Alternatives To The Ionic Framework.pdf
The Best Alternatives To The Ionic Framework.pdf
 

Phonegap

  • 1. Introduction to PhoneGap Singapore Android Dev/User Group Meetup. Daniel, Dao Quang Minh. 3 rd year IS student, NUS.
  • 3. What is PhoneGap ? PhoneGap is an open source development tool for building fast, easy mobile apps with JavaScript.
  • 4. What is PhoneGap ? Ajaxian "Ben and I have been promoting PhoneGap as a great solution for Web developers to create applications with the technology they know and love, without having to jump off of the cliff to other proprietary worlds. PhoneGap is still new, but gets more impressive every day."
  • 5. InfoWorld "If I worked at RIM, I'd take a trip out to Vancouver to talk to the Nitobi dudes. This framework is exactly what RIM needs to counter the trend of developers targeting the iPhone/iPod as the premier environment for mobile device applications."
  • 6. Why PhoneGap ? Lets go back to where we all start: Mobile Web Development.
  • 10. Mobile Web ? Is it easy ?
  • 11. Mobile Web ? “ Just plug your data into the app, using whatever available UI (iPhone / Android / BlackBerry ) and you are done !!! “
  • 12. No , It's not !!
  • 13. And back to our original question: Why PhoneGap ?
  • 14. Why PhoneGap ? Today, mobile development is a mess.
  • 15. A Mess ? Iphone SDK ( using Objective-C ) Android SDK ( using Java ) BlackBerry ( using JavaME )
  • 16. Why PhoneGap ? “ We aim to change that by enabling web technologies to work with native device features such as geo-location and accelerometers. In PhoneGap, we're building a cross-platform framework for device-neutral mobile development.”
  • 17. Why PhoneGap ? http://blogs.nitobi.com/andre/index.php/2009/03/10/what-is-phonegap-the-movie/
  • 19. What does PhoneGap do ? It wraps the Web view with a container. This container gives the view access to APIs available on the device that may not be available on the Web view alone.
  • 20. Disadvantages - The documentation is not matured enough. - May have bugs somewhere :p - Not really suitable for graphic-intensive application ( for now )
  • 21. But It's Free and Open Source !!!
  • 22. You can fork it, contribute to it, support it. http://phonegap.pbwiki.com/ http://phonegap.pbwiki.com/Getting-Started-with-PhoneGap-(Android ) http://github.com/sintaxi/phonegap/tree/master
  • 23. If there's BootCamp , we can discuss more about PhoneGap and its application :)
  • 25. Thank You. Email : [email_address] IRC: dqminh #linuxnus @irc.freenode.net

Notas do Editor

  1. If you’re a web developer who wants to build mobile applications in HTML and JavaScript while still taking advantage of the core features in the iPhone, Android and Blackberry SDKs, PhoneGap is for you.