hybrid vs native vs web apps

17
Introduction to Mobile Application A mobile application, most commonly referred to as an app, is a type of application software designed to run on a mobile device, such as a smartphone or tablet. Three different approach for developing a mobile application. • Mobile Web Apps • Hybrid Apps • Native Apps

Upload: subrahmanyam-poluru

Post on 09-Jan-2017

488 views

Category:

Technology


8 download

TRANSCRIPT

Page 1: Hybrid vs Native vs Web Apps

Introduction to Mobile Application

A mobile application, most commonly referred to as an app, is a type of application software designed to run on a mobile device, such as a smartphone or tablet.

Three different approach for developing a mobile application.

• Mobile Web Apps • Hybrid Apps• Native Apps

Page 2: Hybrid vs Native vs Web Apps

Mobile Web Apps

• Accessed through mobile device’s web browser. • Built with three core technologies:

• HTML4/5 (defines static text and Images)• CSS2/3 (defines styles and presentation)• JavaScript (defines Interactions and animations).

• Since web apps are browser based they’re intend to be platform and device independent.• Simple and easy to access.

Google Chrome Opera Apple Safari

Page 3: Hybrid vs Native vs Web Apps

Mobile Web Apps- Examples

The Mobile Web apps url will look like asm.domain.com or domain.com/mobile/

Few Examples of Mobile Web Apps :

http://m.timesofindia.com/https://m.verizonwireless.com http://m.stanford.edu/http://www.bbc.co.uk/mobile/i/

Some urls automatically detecting the devices based on the devices type it will automatically resize layouts.

Page 4: Hybrid vs Native vs Web Apps

Native Apps

• Built for a particular device and its operating systems. • Downloaded from a web store and installed on the device. • Native apps are written in Java for Android, Objective-C for Apple iOS.

Native apps examples :

•  Native Calendar Apps•   Native SMS Apps•   Native Game Apps• Native Push Notifications• Native To do list

Page 5: Hybrid vs Native vs Web Apps

Native Apps – Platforms/ Operating Systems

Objective - c Apple (Ex : iPhone, iPad)

Java, C, C++ Google (Ex : Samsung, HTC)

Java RIM (Ex: Black Berry)

C, C++ Microsoft (Ex: Nokia)

C, C++, JS, HTML, CSS HP (Ex : HP Touch pads)

Page 6: Hybrid vs Native vs Web Apps

Hybrid Apps

Hybrid apps, like native apps, run on the device, and are written with web technologies (HTML5, CSS and JavaScript). Hybrid apps run inside a native container, and leverage the device’s browser engine (but not the browser) to render the HTML and process the JavaScript locally.

Remarks:• Can’t handle heavy graphics• Requires familiarity with a mobile framework • You cannot access all hardware functions of mobile devices

Page 7: Hybrid vs Native vs Web Apps

Comparison

Page 8: Hybrid vs Native vs Web Apps

Hybrid Apps – Examples

• RBC Launch iOS app for RBC Direct Investing which is Hybrid app developed with Hybrid application.• This application can be download via apps store (iTunes). https://itunes.apple.com/ca/app/rbc-mobile/id407597290?mt=8

Page 9: Hybrid vs Native vs Web Apps

Hybrid Apps – Examples

Page 10: Hybrid vs Native vs Web Apps

Hybrid Apps – Examples

Page 11: Hybrid vs Native vs Web Apps

Hybrid Apps – Example App (RBC)

Page 12: Hybrid vs Native vs Web Apps

Hybrid Mobile Frameworks

List of hybrid mobile frameworks which can be work in multiple mobile devices

Features Jquery Mobile Jqtouch SenchaTouch Phonegap Rhomobile

Built with HTML5CSS3JQUERY

HTML5CSS3JQUERY

HTML5CSS3ExtJs

HTMLCSSJS

RubyJavaScriptHTMLCSS

Supported Devices

AppleAndroidBlackBerryPalm WebOS etc

AppleAndroidiPod

AppleAndroid(Motorola, Samsung)

iOS, Android, webOS, Windows Mobile, Symbian, BlackBerry ,Windows Phone, Windows 8

Android, BlackBerry, iOS, Symbian, Windows Mobile

Performance Medium Medium Fast Fast Fast

Development effort

Flexible Easy Flexible Flexible Flexible

Approval Process Open Source Open Source Open Source Open Source Open Source

Set up Webkit browsers Webkit browsers Webkit browsers Webkit browsers(iOS, Android, BB OS)

Webkit browsers(Ruby,iOS, Android, BB OS)

Page 13: Hybrid vs Native vs Web Apps

Which one to chose?

Feature Mobile Web Hybrid App Native

Development Cost Lowest Low Expensive

Speed of App Internet Speed Near Native Native Speed

Deployment Process Easy Relatively Easy Difficult

Approval Process NA Easy Difficult

Offline Capability Fails Good Design Works Works

Once upon a time there were very clear distinctions between mobile web and native applications, but the recent surge in hybrid apps is blurring the lines and changing the decision matrix.

Some of the more important considerations are explored below.

Page 14: Hybrid vs Native vs Web Apps

Became Hybrid Application Developer

Page 15: Hybrid vs Native vs Web Apps

Careers

HTML/CSS/JavaScript --------- UI DeveloperJavaScript/Jquery --------- Jquery DeveloperHTML5/CSS3 --------- Mobile Web DeveloperJquery Mobile/Sencha/Jqtouch --------- Hybrid Mobile DeveloperHTML/CSS/JavaScript/OOPS --------- Interactive UI DeveloperHTML4/5/CSS2/3/JS/Jquery --------- Web DeveloperHTML5 --------- Game Developer

Page 16: Hybrid vs Native vs Web Apps

Example Works

Page 17: Hybrid vs Native vs Web Apps

Example Works