Mobile development (mono touch vs phonegap)

www.contemi.com.vn

Contemi Vietnam

31 May 2012

Mobile development(MonoTouch vs PhoneGap)

Michael Nguyen – Phi Huynh.NET team

www.contemi.com.vn

Agenda

• Mobile development overview• Native apps• Web apps• Hybrid apps

• MonoTouch vs PhoneGap• Conclusion

• Native apps vs Web apps vs Hybrid apps• MonoTouch or PhoneGap

• Demo• References

www.contemi.com.vn

MOBILE DEVELOPMENT OVERVIEW

www.contemi.com.vn

Native apps

• Are written with a specific programming language (Objective C, Java …) for a specific mobile platform (iOS, Android ...)

• Executed directly by the operating system

• Full native access to device capabilities

• Distributed via app store (AppStore, Android Market ...). Users can download and install.

www.contemi.com.vn

Native apps development

• Similar approach, but different source code, different build and expertise results in expensive development and maintenance

www.contemi.com.vn

Web apps

• Entirely written using web technologies: HTML, CSS and JavaScript

• Code is executed by the browser, not by the OS

• Limited access to device capabilities

• Maintain and fix bugs in real time. No cost for app store

www.contemi.com.vn

Hybrid apps

• Web apps with native wrapper. Hybrid apps run in webview not in native browser.

• Access to device’s capabilities happens through a device-independent JavaScript API which talks to the OS proprietary API’s also via JavaScript.

• Can access certain devices capabilities

• With HTML5, Javascript, CSS3 ... it is easier to develop and maintain your app in multiple platforms

www.contemi.com.vn

MONOTOUCH VS PHONEGAP

www.contemi.com.vn

MonoTouch

• Was originally created by Novell and released in 2009• Moved to new company named Xamarin in 2011

• A wrapper of Objective C to be able to develop in .NET• Fully capabilities to access all of features as Objective C

apps

• Free trial (with a iPhone/iPad simulator)• From 399$ - 2,499$ (for personal user or enterprise)

www.contemi.com.vn

PhoneGap

• Created by Nitobi in early 2008• Acquired by Adobe in October 2011

• Hybrid model• HTML5, CSS3 and JavaScript

• Open source (free) (Apache License, Version 2.0)

www.contemi.com.vn

PhoneGap architect

www.contemi.com.vn

PhoneGap features

www.contemi.com.vn

CONCLUSION

www.contemi.com.vn

Native vs Web vs Hybrid• N

ati

ve • Existing in-

house native skills

• Targeting a single mobile OS

• Dominant native functionality

• Rich UI requirements

• Web • Direct

distribution to the hands of users

• Pilot application • Hyb

rid • Breaking the

development tradeoff

• Existing in-house web development skills

www.contemi.com.vn

MonoTouch or PhoneGap

• Native model• .NET skill• Good for rich UI requirements

(gaming) app-based

• Pricey• Limited platforms supported

(iOS, Android, Windows Phone)

• Hybrid model• HTML5, CSS3 and Javascript

skills• Good for content delivery,

social network, web ... app-based

• Free• Lots of platforms supported

(iOS, Android, Windows Phone, BlackBerry, WebOS, Symbian …)

• NOT recommended for complex games, intensive graphics

www.contemi.com.vn

DEMO

www.contemi.com.vn

REFERENCES

www.contemi.com.vn

References

• http://www.slideshare.net/grigs/native-vs-mobile-web-vs-hybrid-apps-for-mobile-development

• http://www.forbes.com/sites/fredcavazza/2011/09/27/mobile-web-app-vs-native-app-its-complicated/

• http://en.wikipedia.org/wiki/Multiple_phone_web_based_application_framework • http://www.triballabs.net/2011/07/cross-platform-mobile-app-development

• http://developer.apple.com • http://phonegap.com/ • http://www.xamarin.com

www.contemi.com.vn

THANK YOU