SlideShare uma empresa Scribd logo
1 de 22
Baixar para ler offline
1/25/2013
1/25/2013
K.Karthik


        o Phonegap application development

        o Graphics Designer




                                             1/25/2013
1/25/2013
Mobile appplication development languages



        Android               Java

       BlackBerry             Java

          iOS              Objective-C

        Palm OS           C, C++, Pascal

       Symbian                C++

     Windows Phone             C#




                                            1/25/2013
1/25/2013
History
Adobe officially announced the acquisition of Nitobi
Software (the original developer) on October 4, 2011.



   Coincident with that, the PhoneGap code was contributed
    to the Apache Software Foundation to start a new project
    called Apache Cordova.



   The project original name, Apache Callback, was viewed
    as too generic.Then it also appears in Adobe Systems as
    Adobe PhoneGap and also as Adobe Phonegap Build


                                                        1/25/2013
What is PhoneGap ?
 Basically just a webkit browser with all the chrome removed,
  even the menu bar, and dose everything a browser does.




                                                           1/25/2013
What is PhoneGap ?


 PhoneGap uses the native browser on the device
  to render the HTML/CSS/JS, and keep in mind
  that can affect the experience.


 It allows you to author native applications with
  web technologies, and also keeps your apps nice
  and small.




                                                     1/25/2013
HOW PHONEGAP WORKS
1. Write a web app using HTML5 technologies: HTML5 / CSS / JS

2. Package your web app into PhoneGap.

3. Deploy your Native App to multiple devices ( iOS,Android,
Blackberry, WP8..., and so on).




                                                               1/25/2013
Write once, debug everywhere.




                            1/25/2013
What is the difference between Open
                              source
public and private apps?       codes


                                                      Public
Public apps have their source code hosted in a publicly
                                                        not
accessible GitHub repository.                        allowed



Private apps have their source code hosted in a private
(non-publicly accessible) GitHub repository or are
created when a developer uploads a ZIP file containing
the source code and assets to the PhoneGap Build
service.


                                                     1/25/2013
How do I get started with PhoneGap
Build?




Simply upload your web assets — a ZIP file of HTML, CSS, and
JavaScript — to the PhoneGap Build service, or point to a repository
on GitHub. PhoneGap Build will undertake the compilation and
packaging for you. In minutes, you’ll receive the download URLs for
all supported mobile platforms.
                                                                 1/25/2013
Which mobile platforms can I build
for?
  PhoneGap Build supports packaging apps for:
   Apple iOS,
   Google Android™,
   Windows® Phone,
   Blackberry® 5/6/7,
   webOS ,
   Symbian™
PhoneGap API / Plugins:


 Common Plugins: Good support across platforms.


        Accelerometer         Events
        Camera                File
        Capture               Geolocation
        Compass               Media
        Connection            Notification
        Contacts              Storage
        Device

                                               1/25/2013
1/25/2013
1/25/2013
1/25/2013
1/25/2013
Sample Application




                     1/25/2013
Examples




           1/25/2013
1/25/2013

Mais conteúdo relacionado

Mais procurados

Mobile Devolpment Slides
Mobile Devolpment SlidesMobile Devolpment Slides
Mobile Devolpment SlidesLuke Angel
 
What is flutter and why should i care?
What is flutter and why should i care?What is flutter and why should i care?
What is flutter and why should i care?Sergi Martínez
 
Building Apps With Flutter
Building Apps With FlutterBuilding Apps With Flutter
Building Apps With FlutterDavid Onoh
 
Flutter frame work
Flutter frame workFlutter frame work
Flutter frame worksamash
 
Build responsive applications with google flutter
Build responsive applications with  google flutterBuild responsive applications with  google flutter
Build responsive applications with google flutterAhmed Abu Eldahab
 
Mobile development with Flutter
Mobile development with FlutterMobile development with Flutter
Mobile development with FlutterAwok
 
The magic of flutter
The magic of flutterThe magic of flutter
The magic of flutterShady Selim
 
Top Cross-Platform App Development Frameworks for 2020
Top Cross-Platform App Development Frameworks for 2020Top Cross-Platform App Development Frameworks for 2020
Top Cross-Platform App Development Frameworks for 2020Rockers Technology
 
Flutter vs React Native Development in 2020
Flutter vs React Native Development in 2020Flutter vs React Native Development in 2020
Flutter vs React Native Development in 2020Devathon
 
Building Successful Apps with Google Firebase
Building Successful Apps with Google FirebaseBuilding Successful Apps with Google Firebase
Building Successful Apps with Google FirebaseAhmed Abu Eldahab
 
Building beautiful apps with Google flutter
Building beautiful apps with Google flutterBuilding beautiful apps with Google flutter
Building beautiful apps with Google flutterAhmed Abu Eldahab
 
Introduction to building multi platform mobile applications with javascript u...
Introduction to building multi platform mobile applications with javascript u...Introduction to building multi platform mobile applications with javascript u...
Introduction to building multi platform mobile applications with javascript u...Shoukry Kattan
 
The magic of Flutter - Amman ioextended 6-7-2019
The magic of Flutter - Amman ioextended 6-7-2019The magic of Flutter - Amman ioextended 6-7-2019
The magic of Flutter - Amman ioextended 6-7-2019Ahmed Abu Eldahab
 
Google flutter the easy and practical way
Google flutter the easy and practical wayGoogle flutter the easy and practical way
Google flutter the easy and practical wayAhmed Abu Eldahab
 
What and Why Flutter? What is a Widget in Flutter?
What and Why Flutter? What is a Widget in Flutter?What and Why Flutter? What is a Widget in Flutter?
What and Why Flutter? What is a Widget in Flutter?MohammadHussain595488
 
What's new in flutter and dart in 2020
 What's new in flutter and dart in 2020   What's new in flutter and dart in 2020
What's new in flutter and dart in 2020 Ahmed Abu Eldahab
 
Google flutter the easy and practical way IEEE Alazhar
Google flutter the easy and practical way IEEE AlazharGoogle flutter the easy and practical way IEEE Alazhar
Google flutter the easy and practical way IEEE AlazharAhmed Abu Eldahab
 
Top five reasons you should prefer flutter app development
Top five reasons you should prefer flutter app developmentTop five reasons you should prefer flutter app development
Top five reasons you should prefer flutter app developmentSolution Analysts
 
Flutter vs React Native | Edureka
Flutter vs React Native | EdurekaFlutter vs React Native | Edureka
Flutter vs React Native | EdurekaEdureka!
 

Mais procurados (20)

Mobile Devolpment Slides
Mobile Devolpment SlidesMobile Devolpment Slides
Mobile Devolpment Slides
 
What is flutter and why should i care?
What is flutter and why should i care?What is flutter and why should i care?
What is flutter and why should i care?
 
Building Apps With Flutter
Building Apps With FlutterBuilding Apps With Flutter
Building Apps With Flutter
 
Flutter frame work
Flutter frame workFlutter frame work
Flutter frame work
 
Build responsive applications with google flutter
Build responsive applications with  google flutterBuild responsive applications with  google flutter
Build responsive applications with google flutter
 
Mobile development with Flutter
Mobile development with FlutterMobile development with Flutter
Mobile development with Flutter
 
The magic of flutter
The magic of flutterThe magic of flutter
The magic of flutter
 
Top Cross-Platform App Development Frameworks for 2020
Top Cross-Platform App Development Frameworks for 2020Top Cross-Platform App Development Frameworks for 2020
Top Cross-Platform App Development Frameworks for 2020
 
Flutter vs React Native Development in 2020
Flutter vs React Native Development in 2020Flutter vs React Native Development in 2020
Flutter vs React Native Development in 2020
 
Building Successful Apps with Google Firebase
Building Successful Apps with Google FirebaseBuilding Successful Apps with Google Firebase
Building Successful Apps with Google Firebase
 
Building beautiful apps with Google flutter
Building beautiful apps with Google flutterBuilding beautiful apps with Google flutter
Building beautiful apps with Google flutter
 
Introduction to building multi platform mobile applications with javascript u...
Introduction to building multi platform mobile applications with javascript u...Introduction to building multi platform mobile applications with javascript u...
Introduction to building multi platform mobile applications with javascript u...
 
The magic of Flutter - Amman ioextended 6-7-2019
The magic of Flutter - Amman ioextended 6-7-2019The magic of Flutter - Amman ioextended 6-7-2019
The magic of Flutter - Amman ioextended 6-7-2019
 
Google flutter the easy and practical way
Google flutter the easy and practical wayGoogle flutter the easy and practical way
Google flutter the easy and practical way
 
Flutter workshop
Flutter workshopFlutter workshop
Flutter workshop
 
What and Why Flutter? What is a Widget in Flutter?
What and Why Flutter? What is a Widget in Flutter?What and Why Flutter? What is a Widget in Flutter?
What and Why Flutter? What is a Widget in Flutter?
 
What's new in flutter and dart in 2020
 What's new in flutter and dart in 2020   What's new in flutter and dart in 2020
What's new in flutter and dart in 2020
 
Google flutter the easy and practical way IEEE Alazhar
Google flutter the easy and practical way IEEE AlazharGoogle flutter the easy and practical way IEEE Alazhar
Google flutter the easy and practical way IEEE Alazhar
 
Top five reasons you should prefer flutter app development
Top five reasons you should prefer flutter app developmentTop five reasons you should prefer flutter app development
Top five reasons you should prefer flutter app development
 
Flutter vs React Native | Edureka
Flutter vs React Native | EdurekaFlutter vs React Native | Edureka
Flutter vs React Native | Edureka
 

Semelhante a Phone gap

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 script vs react native for native app development in 2022
Native script vs react native for native app development in 2022Native script vs react native for native app development in 2022
Native script vs react native for native app development in 2022Katy Slemon
 
When, how & why use golang in 2021 go benefits & use cases
When, how & why use golang in 2021  go benefits & use casesWhen, how & why use golang in 2021  go benefits & use cases
When, how & why use golang in 2021 go benefits & use casesKaty Slemon
 
Best cross platform app development frameworks for 2021
Best cross platform app development frameworks for 2021Best cross platform app development frameworks for 2021
Best cross platform app development frameworks for 2021Omega_UAE
 
Time to learn flutter or stick to native development
Time to learn flutter or stick to native development Time to learn flutter or stick to native development
Time to learn flutter or stick to native development Concetto Labs
 
Flutter festival gdsc juet guna
Flutter festival   gdsc juet gunaFlutter festival   gdsc juet guna
Flutter festival gdsc juet gunaSachinVerma869778
 
Where Do Cross-Platform App Frameworks Stand in 2020?
Where Do Cross-Platform App Frameworks Stand in 2020?Where Do Cross-Platform App Frameworks Stand in 2020?
Where Do Cross-Platform App Frameworks Stand in 2020?Marianne Harness
 
Flutter vs React Native
Flutter vs React Native Flutter vs React Native
Flutter vs React Native Sphinx Solution
 
Getting Acquainted with PhoneGap
Getting Acquainted with PhoneGapGetting Acquainted with PhoneGap
Getting Acquainted with PhoneGapJoseph Labrecque
 
Evaluating Flutter As The Most Powerful And Popular SDK
Evaluating Flutter As The Most Powerful And Popular SDKEvaluating Flutter As The Most Powerful And Popular SDK
Evaluating Flutter As The Most Powerful And Popular SDKMobio Solutions
 
Drupalcamp armedia phonegap_oct2012_print
Drupalcamp armedia phonegap_oct2012_printDrupalcamp armedia phonegap_oct2012_print
Drupalcamp armedia phonegap_oct2012_printDrupalcampAtlanta2012
 
Native v s hybrid
Native v s hybridNative v s hybrid
Native v s hybridKelly Ston
 
Mobile Developer's Guide To The Galaxy Vol.7
Mobile Developer's Guide To The Galaxy Vol.7Mobile Developer's Guide To The Galaxy Vol.7
Mobile Developer's Guide To The Galaxy Vol.7Marco Tabor
 

Semelhante a Phone gap (20)

PhoneGap
PhoneGapPhoneGap
PhoneGap
 
Phone gap in android technology
Phone gap in android technologyPhone gap in android technology
Phone gap in android technology
 
PhoneGap/PhoneGap Build - Amsterdam Adobe Camp
PhoneGap/PhoneGap Build - Amsterdam Adobe CampPhoneGap/PhoneGap Build - Amsterdam Adobe Camp
PhoneGap/PhoneGap Build - Amsterdam Adobe Camp
 
Native script vs react native for native app development in 2022
Native script vs react native for native app development in 2022Native script vs react native for native app development in 2022
Native script vs react native for native app development in 2022
 
When, how & why use golang in 2021 go benefits & use cases
When, how & why use golang in 2021  go benefits & use casesWhen, how & why use golang in 2021  go benefits & use cases
When, how & why use golang in 2021 go benefits & use cases
 
Mobile Apps Develpment - A Comparison
Mobile Apps Develpment - A ComparisonMobile Apps Develpment - A Comparison
Mobile Apps Develpment - A Comparison
 
Best cross platform app development frameworks for 2021
Best cross platform app development frameworks for 2021Best cross platform app development frameworks for 2021
Best cross platform app development frameworks for 2021
 
Time to learn flutter or stick to native development
Time to learn flutter or stick to native development Time to learn flutter or stick to native development
Time to learn flutter or stick to native development
 
Mobile Web Apps
Mobile Web AppsMobile Web Apps
Mobile Web Apps
 
Flutter festival gdsc juet guna
Flutter festival   gdsc juet gunaFlutter festival   gdsc juet guna
Flutter festival gdsc juet guna
 
[IJCT-V3I2P36] Authors: Amarbir Singh
[IJCT-V3I2P36] Authors: Amarbir Singh[IJCT-V3I2P36] Authors: Amarbir Singh
[IJCT-V3I2P36] Authors: Amarbir Singh
 
Phone gap
Phone gapPhone gap
Phone gap
 
Where Do Cross-Platform App Frameworks Stand in 2020?
Where Do Cross-Platform App Frameworks Stand in 2020?Where Do Cross-Platform App Frameworks Stand in 2020?
Where Do Cross-Platform App Frameworks Stand in 2020?
 
Flutter vs React Native
Flutter vs React Native Flutter vs React Native
Flutter vs React Native
 
Getting Acquainted with PhoneGap
Getting Acquainted with PhoneGapGetting Acquainted with PhoneGap
Getting Acquainted with PhoneGap
 
Evaluating Flutter As The Most Powerful And Popular SDK
Evaluating Flutter As The Most Powerful And Popular SDKEvaluating Flutter As The Most Powerful And Popular SDK
Evaluating Flutter As The Most Powerful And Popular SDK
 
Drupalcamp armedia phonegap_oct2012_print
Drupalcamp armedia phonegap_oct2012_printDrupalcamp armedia phonegap_oct2012_print
Drupalcamp armedia phonegap_oct2012_print
 
Native v s hybrid
Native v s hybridNative v s hybrid
Native v s hybrid
 
Phone gap
Phone gapPhone gap
Phone gap
 
Mobile Developer's Guide To The Galaxy Vol.7
Mobile Developer's Guide To The Galaxy Vol.7Mobile Developer's Guide To The Galaxy Vol.7
Mobile Developer's Guide To The Galaxy Vol.7
 

Phone gap

  • 3. K.Karthik o Phonegap application development o Graphics Designer 1/25/2013
  • 5. Mobile appplication development languages Android Java BlackBerry Java iOS Objective-C Palm OS C, C++, Pascal Symbian C++ Windows Phone C# 1/25/2013
  • 7. History Adobe officially announced the acquisition of Nitobi Software (the original developer) on October 4, 2011.  Coincident with that, the PhoneGap code was contributed to the Apache Software Foundation to start a new project called Apache Cordova.  The project original name, Apache Callback, was viewed as too generic.Then it also appears in Adobe Systems as Adobe PhoneGap and also as Adobe Phonegap Build 1/25/2013
  • 8. What is PhoneGap ?  Basically just a webkit browser with all the chrome removed, even the menu bar, and dose everything a browser does. 1/25/2013
  • 9. What is PhoneGap ?  PhoneGap uses the native browser on the device to render the HTML/CSS/JS, and keep in mind that can affect the experience.  It allows you to author native applications with web technologies, and also keeps your apps nice and small. 1/25/2013
  • 10. HOW PHONEGAP WORKS 1. Write a web app using HTML5 technologies: HTML5 / CSS / JS 2. Package your web app into PhoneGap. 3. Deploy your Native App to multiple devices ( iOS,Android, Blackberry, WP8..., and so on). 1/25/2013
  • 11. Write once, debug everywhere. 1/25/2013
  • 12. What is the difference between Open source public and private apps? codes Public Public apps have their source code hosted in a publicly not accessible GitHub repository. allowed Private apps have their source code hosted in a private (non-publicly accessible) GitHub repository or are created when a developer uploads a ZIP file containing the source code and assets to the PhoneGap Build service. 1/25/2013
  • 13. How do I get started with PhoneGap Build? Simply upload your web assets — a ZIP file of HTML, CSS, and JavaScript — to the PhoneGap Build service, or point to a repository on GitHub. PhoneGap Build will undertake the compilation and packaging for you. In minutes, you’ll receive the download URLs for all supported mobile platforms. 1/25/2013
  • 14. Which mobile platforms can I build for? PhoneGap Build supports packaging apps for:  Apple iOS,  Google Android™,  Windows® Phone,  Blackberry® 5/6/7,  webOS ,  Symbian™
  • 15. PhoneGap API / Plugins:  Common Plugins: Good support across platforms.  Accelerometer  Events  Camera  File  Capture  Geolocation  Compass  Media  Connection  Notification  Contacts  Storage  Device 1/25/2013
  • 20. Sample Application 1/25/2013
  • 21. Examples 1/25/2013