40
Welcome to SCQAA- San Fernando Valley Chapter Presentation on September 14 th 2011 April 24, 2022 1

Mobile Cross Platform

Embed Size (px)

DESCRIPTION

 

Citation preview

Page 1: Mobile Cross Platform

Welcome to SCQAA- San Fernando Valley Chapter Presentation on September 14th 2011

April 8, 2023 1

Page 2: Mobile Cross Platform

04/08/23 2

Page 3: Mobile Cross Platform

Cross Platform Mobile Apps

SCQAA User Group

Presenter: Jeetu Maker04/08/23 3

Page 4: Mobile Cross Platform

Agenda

• Smartphone market share - worldwide & US.• Challenges in cross-platform app development .• Takeaway from this session.• Native app vs. Mobile web app.• Popular tools/Frameworks for app development.• Tools/Frameworks landscape.• A closer look at these popular tools with pros & cons.• Decision table to determine the right strategy for

you.

04/08/23 4

Page 5: Mobile Cross Platform

Smartphone market shareWorldwide

04/08/23 5

Page 6: Mobile Cross Platform

Smartphone market shareUSA

04/08/23 6

Page 7: Mobile Cross Platform

Challenges

• For 70% market share, target at least 3 platforms

• Skills in varied technologies, languages & tools• Sharing resources or codebase• Consistency in apps across platforms• Implement platform specific features

04/08/23 7

Page 8: Mobile Cross Platform

Takeaway

• No one size fits all• Various options you have today• Choose the right strategy based on your

situation.

04/08/23 8

Page 9: Mobile Cross Platform

Native vs. Web

04/08/23 9

Page 10: Mobile Cross Platform

Native vs. WebCategory Native app Web app on mobile

Internet access Not Required Required in most cases.

UI Fast, Responsive and functional

Can be clunky, but new advancements are catching up fast

Streaming media

Supported Requires Plugin/HTML 5

Access to hardware sensors

Yes, all of them: camera, gyroscope, microphone, compass, accelerometer, GPS

Limited access, though geo-location is common.

Development Specific tools required and have to build a new app for each target platform

Write once, publish once, view it anywhere. Multiple tools to choose from. (jQuery for mobile)

Distribution App stores require approval which delays the release

No such hassle

Market One store where all apps are published and payment processed

You need to process payments and market your apps.

04/08/23 10

Page 11: Mobile Cross Platform

Popular Tools/Frameworks

• Native tools like Xcode for iOS, Eclipse for Android, VS/Silverlight for WP7

• jQuery• Phonegap• Titanium Appcelerator• Monotouch/Monodroid

04/08/23 11

Page 12: Mobile Cross Platform

12Confidential

Development Time & $

UI

Qu

ality

& P

erf

orm

an

ce

Web – HTML & Javascript

Tools/Frameworks landscapeTools/Frameworks landscape

Phonegap

Native tools – Xcode, Eclipse, Visual Studio

jQuery / JQTouch

Titanium Appcelerator

Mono Touch / Droid

Rhodes

Web Native

Page 13: Mobile Cross Platform

HTML/Javascript

• These are the same technologies you will use to build any web site

• HTML5 could be a great option here especially for videos on iOS & Android

04/08/23 13

Page 14: Mobile Cross Platform

HTML/Javascript - Pros

• Industry standard – No proprietary technology• Proven technology for over 15 years• One of the largest developer pool• The largest reach - target almost all platforms• Thin client model – easy deployment• No approval process required• No Revenue sharing04/08/23 14

Page 15: Mobile Cross Platform

HTML/Javascript - Cons

• Network dependent in most cases – Web Server needed.

• Inconsistent across browsers• UI not as responsive and robust • No single marketplace• Bandwidth is getting expensive & limited

04/08/23 15

Page 16: Mobile Cross Platform

HTML/Javascript – Audience

• Apps which might not meet all certification requirements

• Apps that need to target all platforms without investing the time & money on other technologies

• An add-on bonus to the native app - We have this for everyone & native for iPhone/Android

04/08/23 16

Page 17: Mobile Cross Platform

jQuery Mobile• A Framework to build web based mobile apps • An extension of jQuery for touch based

applications

04/08/23 17

Page 18: Mobile Cross Platform

jQuery Mobile - Pros• A lightweight framework• Consistent across browsers & devices• Supports flexible, easily themeable design

giving a professional look to your app. • Supports wide range of devices and OS.• Significantly speeds up development as

compared to traditional web development.• Based on Industry standards - HTML/Javascript• Could be tested on a desktop w/o any emulator• No Approval process / Revenue sharing

04/08/23 18

Page 19: Mobile Cross Platform

jQuery Mobile - Cons

• New technology – currently under 1.0 Beta 3• Network dependent in most cases – Web

Server needed• UI not as responsive and robust • No single marketplace• Bandwidth is getting expensive & limited

04/08/23 19

Page 20: Mobile Cross Platform

jQuery Mobile – Audience• Mobile apps which looks close to native ones

and consistent across devices.• Apps which might not meet all certification

requirements• Apps that need to target all mobile platforms

without investing the time & money on other technologies

• An add-on bonus to the native app - We have this for everyone & native for iPhone/Android

04/08/23 20

Page 21: Mobile Cross Platform

Phonegap• An open source Framework to build web based NATIVE mobile

apps • Based on HTML 5 & Javascript• Supports up to 6 platforms

04/08/23 21

Page 22: Mobile Cross Platform

Phonegap - Pros• Native app for each of the supported

platforms• Single code base• Access all platform specific features• Based on Industry standard- HTML5/Javascript• Open Source• Community Support• FREE Framework

04/08/23 22

Page 23: Mobile Cross Platform

Phonegap - Cons

• Native app wrapped in WebView control• UI not as responsive and robust although

better than traditional web / jQuery• Annual support cost could range from $250 to

over $20,000 • Delay in access to new platform specific

feature

04/08/23 23

Page 24: Mobile Cross Platform

PhoneGap – Audience• Web Developers who wants native app w/o

the need of learning a new platform/technology

• Apps that need to target all supported mobile platforms without investing the time & money on other technologies

• Enterprises which needs a native app for all supported platforms and is prepared for the trade-off with web based UI & performance

04/08/23 24

Page 25: Mobile Cross Platform

Titanium Appcelerator • An open source application development

platform, that lets you create fully native apps.

• Based on HTML, CSS & Javascript• Supports iOS, Android & Blackberry (Beta)• Price from $49/developer/month (Premium

APIs) .. For premium support - $199

04/08/23 25

Page 26: Mobile Cross Platform

Appcelerator - Pros• Native app for each of the supported platforms• NO WebView control under Native• Single code base• Access all platform specific features• Based on Industry standard- HTML/Javascript• Community Support (over 1.5 million devs)• Large portfolio of popular apps• Increased performance as compared to Web based

solutions like jQuery & Phonegap.• Tons of Plugin available

04/08/23 26

Page 27: Mobile Cross Platform

Appcelerator - Cons

• Javascript engine which acts as an Interpreter degrades performance as compared to true native apps

• Annual support cost - $2388/developer • Delay in access to new platform specific

feature• Significantly larger package size deployed

04/08/23 27

Page 28: Mobile Cross Platform

Appcelerator – Audience• Web Developers who wants full native app

w/o the need of learning a new platform/technology

• Simple smaller Apps that need to target all supported mobile platforms without investing the time & money on other technologies

• Enterprise mobile apps which needs to target all supported platforms.

04/08/23 28

Page 29: Mobile Cross Platform

Mono Touch/Droid • A .NET Framework, that lets you create fully

native apps in iOS (Touch) or Android (Droid)• Based on subset of C# 4.0• Price - $399/developer• Originally built by Novell and now - Xamarin

04/08/23 29

Page 30: Mobile Cross Platform

Mono Touch/Droid – Pros• Fully Native app (NO WebView control)• Reusable .NET Code (could share business rules,

non UI related functions from WP7)• Access all platform specific features• Based on .NET – Largest developer pool• Large portfolio of popular apps• Increased performance as compared to Web

based solutions like jQuery & Phonegap.• Monodroid integrates with Visual Studio.

04/08/23 30

Page 31: Mobile Cross Platform

Mono Touch/Droid - Cons

• No single code base for – Mono Touch/Droid• Delay in access to new platform specific feature• Significantly larger package size deployed• From Novell to Xamarin • Monodroid is in early stage and is not growing at

the pace of MonoTouch• No Visual Studio / Windows support for

MonoTouch. You need MonoDevelop on Mac

04/08/23 31

Page 32: Mobile Cross Platform

Mono Touch/Droid – Audience• .NET Developers who wants native app w/o

need of learning a new platform/technology• Simple smaller Apps that could share some

code from previous .NET code especially WP7 app.

• Enterprise mobile apps in companies which has .NET resources and would like to leverage that.

• Small businesses that has only .NET resources and focused on simpler smaller apps

04/08/23 32

Page 33: Mobile Cross Platform

True Native • iOS - Objective C, Xcode, Cocoa Touch• Android - Java, Eclipse• WP7 - Silverlight, C#, Visual Studio

04/08/23 33

Page 34: Mobile Cross Platform

Native Pros• Closest to the OS• Access all platform supported features• Best Performance• Smallest package size to be deployed• Best possible UI Experience• No fear of rejection by App stores in future• Low registration cost and most of the SDK/tools

are FREE• Good level of support (included in registration)

04/08/23 34

Page 35: Mobile Cross Platform

Native - Cons• No single code base/reusability across platforms• Development time doubles with every new platform

the app targets which results in increased cost• Increased learning curve as every platform supports a

different technology/language – most of them being proprietary.

• Difficult to share developer resources thereby demanding separate developer pool for every platform.

04/08/23 35

Page 36: Mobile Cross Platform

Native – Audience• Developers/Businesses who are serious about

getting into the mobile app space• Best quality apps with high performance• Complex/Large apps which demands for a

responsive UI.• Single platform focused apps• Apps which aims to leverage each platform

specific capability to the fullest.

04/08/23 36

Page 37: Mobile Cross Platform

Right Strategy for youWeb

Devonly

C#Devonly

Ent. Apps

Large/ Complex

CommercialApps

$ / timeconstraint

Policy &

otherIssues

Highest Quality

Responsive apps

HTML / Javascript

jQuery

Phonegap

Appcelerator

Mono Touch/Droid

Native

04/08/23 37

Page 38: Mobile Cross Platform

References

• http://www.phonegap.com/• http://jquerymobile.com/• http://www.appcelerator.com• http://ios.xamarin.com/• http://en.wikipedia.org/wiki/Multiple_phone_web_base

d_application_framework

04/08/23 38

Page 39: Mobile Cross Platform

Jeetu Maker

• Email: [email protected]• Twitter# jeetumaker

04/08/23 39

Page 40: Mobile Cross Platform

Thank you

04/08/23 40