Hybrid Mobile AppDevelopmentLOHITH GNNOV 26

About Me Microsoft MVP, VS Dev & Tech (6 years)

BDotNet UG Lead

Author

Technical Evangelist, Progress India

http://about.me/kashyapa | @kashyapa

App Development Choices

Platform Affinity

Acce

ss to

dev

ice

capa

bilit

ies

Native Apps● Single platform affinity● Written with platform SDKs● Must be written for each platform● Access to all native APIs● Faster graphics performance● AppStore distribution

Hybrid Apps● Cross-platform affinity● Written with web technologies

○ HTML5, CSS, JS● Runs locally on the device, supports offline● Access to native APIs● AppStore Distribution

Web Mobile Apps● Cross-platform affinity● Written with web technologies

○ HTML5, CSS, JS or Server Side (PHP, ASP.NET)● Runs on web server, viewable on multiple devices● Centralized Updates

NativeScript Apps● Cross-platform affinity● Written with JS, *CSS and markup● Direct access to native APIs● Native rendering engine● AppStore distribution

Apache Cordova

What is Cordova ?

“Apache Cordova is an open-source mobile development framework.Allows you to use standard web technologies - HTML5, CSS3, and JavaScript for cross-platform development. Applications execute within wrappers targeted to each platform.Rely on standards-compliant API bindings to access each device's capabilities such as sensors, data, network status, etc.”

Architecture

Image Credits: http://cordova.apache.org/docs/en/latest/guide/overview/index.html

Installation

Pre Requisites

Node JS

Install Cordova from npm

npm install –g cordova

Creating New App

cordova create hello com.example.hello HelloWorld

Adding Platforms

cordova platform add android/ios/browser/windows

cordova run <platform>

cordova emulate <platform>

cordova build <platform>

Thank You !Lohith G Nhttp://about.me/kashyapa@kashyapa