phonegap - quoin inc · phonegap: a history 2010 - ibm joins nitobi in developing phonegap. 2011 -...

27
PhoneGap October 8, 2015

Upload: others

Post on 31-May-2020

20 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: PhoneGap - Quoin Inc · Phonegap: A History 2010 - IBM joins Nitobi in developing PhoneGap. 2011 - Adobe acquires Nitobi and PhoneGap and at the same time PhoneGap is renamed to Cordova

PhoneGapOctober 8, 2015

Page 2: PhoneGap - Quoin Inc · Phonegap: A History 2010 - IBM joins Nitobi in developing PhoneGap. 2011 - Adobe acquires Nitobi and PhoneGap and at the same time PhoneGap is renamed to Cordova

Overview● Background● PhoneGap Framework● PhoneGap Beyond Framework

Page 3: PhoneGap - Quoin Inc · Phonegap: A History 2010 - IBM joins Nitobi in developing PhoneGap. 2011 - Adobe acquires Nitobi and PhoneGap and at the same time PhoneGap is renamed to Cordova

What is Phonegap?

Page 4: PhoneGap - Quoin Inc · Phonegap: A History 2010 - IBM joins Nitobi in developing PhoneGap. 2011 - Adobe acquires Nitobi and PhoneGap and at the same time PhoneGap is renamed to Cordova

● Native Application● Web Application

Page 5: PhoneGap - Quoin Inc · Phonegap: A History 2010 - IBM joins Nitobi in developing PhoneGap. 2011 - Adobe acquires Nitobi and PhoneGap and at the same time PhoneGap is renamed to Cordova

● Native ApplicationNative applications are created for a specific platform or OS and are build using platform SDKs and tool stack, using specified languages and usually adhering to recommend standards for UX for look and feel

Advantages - performance and standard look and feel

Disadvantages - steep learning curve for the SDKs and other development tools, must learn a new SDK for each target and the application must be re-written for each target platform.

Page 6: PhoneGap - Quoin Inc · Phonegap: A History 2010 - IBM joins Nitobi in developing PhoneGap. 2011 - Adobe acquires Nitobi and PhoneGap and at the same time PhoneGap is renamed to Cordova

● Web ApplicationWeb applications are created using web technologies (HTML, Javascript and CSS), run in a browser

Advantages lower learning curve and generally platform agnostic.

Disadvantages - performance and fewer features.

Page 7: PhoneGap - Quoin Inc · Phonegap: A History 2010 - IBM joins Nitobi in developing PhoneGap. 2011 - Adobe acquires Nitobi and PhoneGap and at the same time PhoneGap is renamed to Cordova

What is Phonegap?

Page 8: PhoneGap - Quoin Inc · Phonegap: A History 2010 - IBM joins Nitobi in developing PhoneGap. 2011 - Adobe acquires Nitobi and PhoneGap and at the same time PhoneGap is renamed to Cordova

Phonegap: A HistoryNitobi2008 - Nitobi developes a suit of webkit like browsers for iphone, android, windows, and blackberry, allowing them to create single version web apps that can target multiple platforms.

2009 - Nitobi adds ability to access phone features (geo-location, camera, …) from web applications.

Page 9: PhoneGap - Quoin Inc · Phonegap: A History 2010 - IBM joins Nitobi in developing PhoneGap. 2011 - Adobe acquires Nitobi and PhoneGap and at the same time PhoneGap is renamed to Cordova

Phonegap: A History2010 - IBM joins Nitobi in developing PhoneGap.

2011 - Adobe acquires Nitobi and PhoneGap and at the same time PhoneGap is renamed to Cordova and donated the Apache Software Foundation.

Today - PhoneGap is an opensource project owned by Adobe that seeks to add value to Apache Cordova

Page 10: PhoneGap - Quoin Inc · Phonegap: A History 2010 - IBM joins Nitobi in developing PhoneGap. 2011 - Adobe acquires Nitobi and PhoneGap and at the same time PhoneGap is renamed to Cordova

What is Phonegap?

Page 11: PhoneGap - Quoin Inc · Phonegap: A History 2010 - IBM joins Nitobi in developing PhoneGap. 2011 - Adobe acquires Nitobi and PhoneGap and at the same time PhoneGap is renamed to Cordova

What is Phonegap?PhoneGap is an open source distribution of Cordova.

Page 12: PhoneGap - Quoin Inc · Phonegap: A History 2010 - IBM joins Nitobi in developing PhoneGap. 2011 - Adobe acquires Nitobi and PhoneGap and at the same time PhoneGap is renamed to Cordova

What is Cordova?

Page 13: PhoneGap - Quoin Inc · Phonegap: A History 2010 - IBM joins Nitobi in developing PhoneGap. 2011 - Adobe acquires Nitobi and PhoneGap and at the same time PhoneGap is renamed to Cordova

What is Cordova?Cordova is an open source framework for building cross-platform mobile apps with standards-based Web technologies like HTML, JavaScript, CSS.

Think about Cordova’s relationship to PhoneGap like WebKit’s relationship to Safari or Chrome.

Page 14: PhoneGap - Quoin Inc · Phonegap: A History 2010 - IBM joins Nitobi in developing PhoneGap. 2011 - Adobe acquires Nitobi and PhoneGap and at the same time PhoneGap is renamed to Cordova

Are PhoneGap Apps Web Apps or Native Apps?

Page 15: PhoneGap - Quoin Inc · Phonegap: A History 2010 - IBM joins Nitobi in developing PhoneGap. 2011 - Adobe acquires Nitobi and PhoneGap and at the same time PhoneGap is renamed to Cordova

Are PhoneGap Apps Web Apps or Native Apps?Both - PhoneGap Apps are a hybrid application, consisting of elements of both Web applications and Native Applications

Page 16: PhoneGap - Quoin Inc · Phonegap: A History 2010 - IBM joins Nitobi in developing PhoneGap. 2011 - Adobe acquires Nitobi and PhoneGap and at the same time PhoneGap is renamed to Cordova
Page 17: PhoneGap - Quoin Inc · Phonegap: A History 2010 - IBM joins Nitobi in developing PhoneGap. 2011 - Adobe acquires Nitobi and PhoneGap and at the same time PhoneGap is renamed to Cordova

PhoneGap/Cordova Framework●PhoneGap CLI●PhoneGap Build●PhoneGap Desktop App●PhoneGap Developer App

Page 18: PhoneGap - Quoin Inc · Phonegap: A History 2010 - IBM joins Nitobi in developing PhoneGap. 2011 - Adobe acquires Nitobi and PhoneGap and at the same time PhoneGap is renamed to Cordova

PhoneGap/Cordova CLIThe PhoneGap Command-line Interface is the primary means to create and build PhoneGap Applications

Requires:● node.js● SDK for each platform targeted

Page 19: PhoneGap - Quoin Inc · Phonegap: A History 2010 - IBM joins Nitobi in developing PhoneGap. 2011 - Adobe acquires Nitobi and PhoneGap and at the same time PhoneGap is renamed to Cordova

PhoneGap BuildPhoneGap Build is a compiler in the cloud. With PhoneGap Build, there's no need to install local SDKs in order to create installable binaries.

Page 20: PhoneGap - Quoin Inc · Phonegap: A History 2010 - IBM joins Nitobi in developing PhoneGap. 2011 - Adobe acquires Nitobi and PhoneGap and at the same time PhoneGap is renamed to Cordova

PhoneGap Desktop ApplicationA GUI alternative to the PhoneGap CLI and does not require dependencies such as node.js.

Currently in a beta for OS X and Windows application.

Page 21: PhoneGap - Quoin Inc · Phonegap: A History 2010 - IBM joins Nitobi in developing PhoneGap. 2011 - Adobe acquires Nitobi and PhoneGap and at the same time PhoneGap is renamed to Cordova

PhoneGap Developer AppAn application previewer.

Applications can be view on device without the need to compile, sign and install.

Page 22: PhoneGap - Quoin Inc · Phonegap: A History 2010 - IBM joins Nitobi in developing PhoneGap. 2011 - Adobe acquires Nitobi and PhoneGap and at the same time PhoneGap is renamed to Cordova

PhoneGap Beyond the FrameworkThe plugin interface allows developers to create components in native code that can be accessed from JavaScript in the application.

The Cordova browser shell can be used as a component in a native application.

Page 23: PhoneGap - Quoin Inc · Phonegap: A History 2010 - IBM joins Nitobi in developing PhoneGap. 2011 - Adobe acquires Nitobi and PhoneGap and at the same time PhoneGap is renamed to Cordova

PhoneGap Beyond the FrameworkShould you use PhoneGap for all mobile applications?

- No.

If you are targeting only a single platform, andhave the right development resources, orneed high performance - Go Native.

Page 24: PhoneGap - Quoin Inc · Phonegap: A History 2010 - IBM joins Nitobi in developing PhoneGap. 2011 - Adobe acquires Nitobi and PhoneGap and at the same time PhoneGap is renamed to Cordova

PhoneGap Beyond the Framework

When…Who…Why use PhoneGap?

Page 25: PhoneGap - Quoin Inc · Phonegap: A History 2010 - IBM joins Nitobi in developing PhoneGap. 2011 - Adobe acquires Nitobi and PhoneGap and at the same time PhoneGap is renamed to Cordova

PhoneGap Beyond the FrameworkUse the Nitobi model:● Small company● Lots of web tech skills and experience● Wanting to expand offerings into mobile apps for multiple platforms

Page 26: PhoneGap - Quoin Inc · Phonegap: A History 2010 - IBM joins Nitobi in developing PhoneGap. 2011 - Adobe acquires Nitobi and PhoneGap and at the same time PhoneGap is renamed to Cordova

SummayPhoneGap is an open-source framework for using HTML, JavaScript and CSS to develop web/native hybrid application for multiple mobile platforms.

Page 27: PhoneGap - Quoin Inc · Phonegap: A History 2010 - IBM joins Nitobi in developing PhoneGap. 2011 - Adobe acquires Nitobi and PhoneGap and at the same time PhoneGap is renamed to Cordova

Questions?