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
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
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
