Phonegap presentation conducted by me in my college

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