mobile development (mono touch vs phonegap)
DESCRIPTION
TRANSCRIPT
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