04/12/2023 1

Seminar OnPhoneGap

Department Of Computer Science And Engineering,SKN Sinhgad College Of Engineering, Korti, Pandharpur

Presented By – Madhura Keskar

(RN-31)

Under Guidance Of – Prof. N. M. Sawant

04/12/2023 2

What is PhoneGap? Cross-Platform mobile app development Development Requirements How it works? Why to use?? Disadvantage Demo Conclusion References

Contents :

Department Of Computer Science And Engineering

04/12/2023 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

Department Of Computer Science And Engineering

04/12/2023 4

This framework supports seven different mobile platforms, including the most popular OS :

1.IOS2.Android 3.Windows Phone4.Bada 5.webOS6.Symbian7.RIM BlackBerry8.Palm

What is PhoneGap??(contd.)

Department Of Computer Science And Engineering

04/12/2023 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.)

Department Of Computer Science And Engineering

04/12/2023 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.

Department Of Computer Science And Engineering

What is PhoneGap??(contd.)

04/12/2023 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.

Cross Platform Mobile Application development

Department Of Computer Science And Engineering

04/12/2023 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..

Native & Web based apps

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

04/12/2023Department Of Computer Science And Engineering

04/12/2023 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.

What is PhoneGap doing?

Department Of Computer Science And Engineering

04/12/2023 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

Department Of Computer Science And Engineering

What is PhoneGap doing?

04/12/2023 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.

JavaScript HTML CSS

Department Of Computer Science And Engineering

04/12/2023 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.

Department Of Computer Science And Engineering

JavaScript HTML CSS

04/12/2023 14

How it works?

Department Of Computer Science And Engineering

04/12/2023 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.

How it works?

Department Of Computer Science And Engineering

04/12/2023 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

Department Of Computer Science And Engineering

How it works?(Contd..)

04/12/2023 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.

Why to use??

Department Of Computer Science And Engineering

04/12/2023 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.

Why to use??(contd..)

Department Of Computer Science And Engineering

04/12/2023 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.

Disadvantages

Department Of Computer Science And Engineering

04/12/2023 20

Demo Time

Department Of Computer Science And Engineering

04/12/2023 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.

Conclusion

Department Of Computer Science And Engineering

04/12/2023 22

ReferencesBooks :Beginning PhoneGap- Rohit Ghatol And Yogesh PatelExploring PhoneGap- Xia Rao,Jian Zhang,Liping Zhao

Website- www.GitHub.com

www.phonegap.com

Department Of Computer Science And Engineering

04/12/2023 23

Thank You

Department Of Computer Science And Engineering