The document summarizes a seminar presentation on PhoneGap. PhoneGap is a mobile development framework that allows developers to build mobile apps using common web technologies like HTML, CSS, and JavaScript. This allows apps to be compiled for multiple platforms like iOS, Android, and Windows Phone from a single codebase. The presentation discusses what PhoneGap is, how it works, its advantages like cross-platform development, and disadvantages like limitations of web-based apps. It includes demo code and concludes PhoneGap is useful for small apps but native development is better for graphics-intensive apps.

1. Seminar On
PhoneGap
Department Of Computer Science And Engineering,
SKN Sinhgad College Of Engineering, Korti, Pandharpur
9/18/2013 1
Presented By –
Madhura Keskar
(RN-31)
Under Guidance Of –
Prof. N. M. Sawant

2.  What is PhoneGap?
 Cross-Platform mobile app development
 Development Requirements
 How it works?
 Why to use??
 Disadvantage
 Demo
 Conclusion
 References
9/18/2013 2
Department Of Computer Science And Engineering

3. What is PhoneGap??
PhoneGap is mobile development framework produced by
Nitobi, purchased by Adobe Systems.
Later in 2011 it is contributed to apache s/w foundation
PhoneGap is Framework through which developer can
develop mobile applications from a single code base using
web based technologies like HTML,CSS,Javascript.
 It only Requires knowledge of common web technologies
rather than multiple distinct mobile platforms
9/18/2013 3
Department Of Computer Science And Engineering

4.  This framework supports seven different mobile platforms,
including the most popular OS :
1.IOS
2.Android
3.Windows Phone
4.Bada
5.webOS
6.Symbian
7.RIM BlackBerry
8.Palm
What is PhoneGap??(contd.)
9/18/2013 4
Department Of Computer Science And Engineering

5. With this platform, we don’t need to work on platform specific
language (Objective C or Java).
This enables for quick mobile app development.
PhoneGap is completely open source and has been submitted to
the Apache Foundation.
It is cross-platform mobile application development tool.
What is PhoneGap??(contd.)
9/18/2013 5
Department Of Computer Science And Engineering

6.  Softweb Solutions is a leading PhoneGap Application
Development Company providing rich mobile solutions using
the PhoneGap platform.
 PhoneGap is working on Sony now-a-days.
9/18/2013 6
Department Of Computer Science And Engineering
What is PhoneGap??(contd.)

7.  There are many mobile platforms like Ios, android, blackberry
etc..
 So for easy development of applications cross platform mobile
development is launched.
 In this, we can make same application for each platform
available in tool without going with different languages
respective to OS.
9/18/2013 7
Department Of Computer Science And Engineering

8.  Native apps :
Written in programming languages for targeted operating
system.
e.g
Apple ios devices-IOS SDK, using objective C
Android devices-Android SDK, using java
 Web based apps :
Web based apps written with traditional web programming
languages.
e.g HTML, CSS, JavaScript, PHP/.NET etc..
9/18/2013 8
Department Of Computer Science And Engineering

9. Mobile Operating System Software/IDEs Language
IOS Mac only Xcode Objective C
Android Windows/Mac/Linux Eclipse/Java/Android Java
Development Tool
(ADT)
BlackBerry Windows mainly Eclipse/JDE, Java Java
Symbian Windows/Mac/Linux Carbide.c++ C++
WebOS Windows/Mac/Linux Eclipse/WebOS plugin HTML/Java-
script/c++
Windows7 Windows mainly Visual Studio 2010 C#, .NET,
Silverlight
or WPF
Development Requirements
9/18/2013
9
Department Of Computer Science And Engineering

10.  PhoneGap provides a JavaScript Library that reaches out into the
native APIs.
 PhoneGap generates a out-of-the-browser window that executes
the HTML and JavaScript.
 Due to a couple of xml and jar files it enables the usage of native
APIs.
9/18/2013 10
Department Of Computer Science And Engineering

11.  Applications that are developed using PhoneGap are hybrid
applications. These applications are not purely
HTML/JavaScript based, nor are they native.
 PhoneGap provides a bridge from the JavaScript world to the
native world of the platform, which allows the JavaScript API
to access and control the device
9/18/2013 11
Department Of Computer Science And Engineering

12.  Web pages are formatted using "HTML“.
HTML uses bunch of tags for representing data in web pages.
 CSS allows you to specify things like the font you want on
your page, the size of your text, whether the page is to have 2
columns, whether your text is to be in bold or italics, and so
on.
 In other words, it is the part that lets you control the
appearance of your web page.
9/18/2013 12
Department Of Computer Science And Engineering

13.  HTML/CSS is good to display your information on web page.
 But if you want different operations on web pages you need
programming language like JavaScript.
JavaScript is most commonly-used programming language on
the Internet.
 JavaScript inserted into HTML pages, can be executed by all
modern web browsers.
9/18/2013 13
Department Of Computer Science And Engineering

14. How it works?
9/18/2013 14
Department Of Computer Science And Engineering

15. 1. Install the native sdk of your target mobile
platform.
2. Download the PhoneGap zip file.
3. Setup a new project in the target platform
with PhoneGap parameters.
4. Write HTML & JavaScript mobile application.
9/18/2013 15
Department Of Computer Science And Engineering

16. 5. Build & deploy using target platform’s SDK.
6.Go to bin directory of project copy particular extension file for
respective platform
(e.g For android- .apk)
& paste to your mobile and enjoy the application
9/18/2013 16
Department Of Computer Science And Engineering

17.  Quick development of applications compatible with most of
the mobile platforms.
 Removed limitation to the functionality of web technologies
when designing web application for mobile.
 It acts as a layer between the web application and the
operating system.
 Once developed, the apps can be deployed on various
platforms, thus much of the development time is saved.
9/18/2013 17
Department Of Computer Science And Engineering

18.  No need to learn platform specific language.
 Rapid testing and deployment.
 It is open source and free available with lot of plug-ins.
 We can build application using cloud compiler of PhoneGap.
9/18/2013 18
Department Of Computer Science And Engineering

19.  Phonegap is effectively a web app within a wrapper, so you
are limited to what web app can do.
 Web-based technologies leads many phonegap application to
run slower than native app.
 Doesn’t support high graphics/high intense calculation for
application.
9/18/2013 19
Department Of Computer Science And Engineering

20. 9/18/2013 20
Department Of Computer Science And Engineering

21.  PhoneGap is a cross-platform mobile development framework
◦ Based on HTML5 and JavaScript
PhoneGap
◦ Useful for creation of small apps
◦ Can deploy single app on many OS
◦ Gives cloud service
 If want a native high intense/graphics app you should go
with platform specific language.
9/18/2013 21
Department Of Computer Science And Engineering

22. 9/18/2013 22
References
Books :
Beginning PhoneGap-
Rohit Ghatol And Yogesh Patel
Exploring PhoneGap-
Xia Rao,Jian Zhang,Liping Zhao
Website-
www.GitHub.com
www.phonegap.com
Department Of Computer Science And Engineering

23. 9/18/2013 23
Thank You
Department Of Computer Science And Engineering