Developing Mobile Apps Roland Guijt www rmgsolutions nl

Developing Mobile Apps Roland Guijt www. rmgsolutions. nl @rolandguijt

Mobile Device Adoption § 10 x faster than PC boom § 2 x faster than internet boom § In 2015 mobile internet usage will be greater than desktop internet usage Do Not Place Anything in This Space (Add watermark during editing) Note: Warning will not appear during Slide Show view.

Mobile Apps Applications that run on a phone or tablet that can be downloaded from an online store. Do Not Place Anything in This Space (Add watermark during editing) Note: Warning will not appear during Slide Show view.

Do Not Place Anything in This Space (Add watermark during editing) Note: Warning will not appear during Slide Show view.

Objectives § The Three Choices § Cordova § Xamarin Do Not Place Anything in This Space (Add watermark during editing) Note: Warning will not appear during Slide Show view.

The Three Choices Hybrid Cross Platform Framework Native Do Not Place Anything in This Space (Add watermark during editing) Note: Warning will not appear during Slide Show view.

Native Apps that are specifically made for a mobile platform and run directly and only on that platform. Do Not Place Anything in This Space (Add watermark during editing) Note: Warning will not appear during Slide Show view.

Runtime Regulates program flow Native: How does it work? Each platform uses different language Objective C/Swift for i. OS Java for Android Different tools Class/Control library Cocoa Touch for i. OS Android APIs Do Not Place Anything in This Space (Add watermark during editing) Note: Warning will not appear during Slide Show view.

Native Apps Require knowledge of multiple languages No code reuse across platforms Require knowledge of used framework Do Not Place Anything in This Space (Add watermark during editing) Note: Warning will not appear during Slide Show view.

Hybrid Apps Mobile apps that are deployed in an app store, but are actually web apps. Do Not Place Anything in This Space (Add watermark during editing) Note: Warning will not appear during Slide Show view.

Hybrid: How does it work? Runs in browser Chromeless All HTML, CSS and javascript stored locally Not on a server Do Not Place Anything in This Space (Add watermark during editing) Note: Warning will not appear during Slide Show view.

Hybrid Mobile Apps Use existing web skills Code and UI reusable across platforms Based on Apache Cordova Do Not Place Anything in This Space (Add watermark during editing) Note: Warning will not appear during Slide Show view.

Apache Cordova An open source collection of javascript device APIs. Do Not Place Anything in This Space (Add watermark during editing) Note: Warning will not appear during Slide Show view.

Cordova Distributions Phone. Gap By Adobe App. Builder By Telerik (aka Icenium) Do Not Place Anything in This Space (Add watermark during editing) Note: Warning will not appear during Slide Show view.

Demo Do Not Place Anything in This Space (Add watermark during editing) Note: Warning will not appear during Slide Show view.

Cross Platform Framework Apps Native mobile apps that are developed using a framework which enables the sharing of code between mobile platforms. Do Not Place Anything in This Space (Add watermark during editing) Note: Warning will not appear during Slide Show view.

How does it work? Uses a runtime or interpreter Different in each product Deployment depends on platform One programming language For all platforms Do Not Place Anything in This Space (Add watermark during editing) Note: Warning will not appear during Slide Show view.

Cross Platform Framework Apps Use existing language skills Specific parts reusable across platforms Require knowledge of the mobile platform Do Not Place Anything in This Space (Add watermark during editing) Note: Warning will not appear during Slide Show view.

Cross Platform Frameworks Xamarin By Xamarin Titanium By Appcelerator Do Not Place Anything in This Space (Add watermark during editing) Note: Warning will not appear during Slide Show view.

Xamarin Supported Platforms Android, i. OS Separate products Integrate in IDE Do Not Place Anything in This Space (Add watermark during editing) Note: Warning will not appear during Slide Show view.

Xamarin C# Runtime Mono. NET implementation Just in time/Ahead of time Performance Footprint Do Not Place Anything in This Space (Add watermark during editing) Note: Warning will not appear during Slide Show view.

Xamarin Device Capabilities Exposed by C# classes Different for each platform Do Not Place Anything in This Space (Add watermark during editing) Note: Warning will not appear during Slide Show view.

Xamarin Tools Xamarin Studio Visual Studio Do Not Place Anything in This Space (Add watermark during editing) Note: Warning will not appear during Slide Show view.

Xamarin Commercial Availability Limited free edition Subscription Do Not Place Anything in This Space (Add watermark during editing) Note: Warning will not appear during Slide Show view.

Demo Do Not Place Anything in This Space (Add watermark during editing) Note: Warning will not appear during Slide Show view.

Xamarin Share UI Code Forms XAML support Translates to native controls Not suitable for all apps Call native code using Dependency. Service Do Not Place Anything in This Space (Add watermark during editing) Note: Warning will not appear during Slide Show view.

Demo Do Not Place Anything in This Space (Add watermark during editing) Note: Warning will not appear during Slide Show view.

Language Hybrid Javascript Many libraries and frameworks Hard to structure Cross Platform Framework Titanium: javascript Not all libraries can be used Xamarin: C# Powerful Native Depends on platform i. OS: Objective C or Swift Android: Java More Tabris: Java Windows Phone: C# Do Not Place Anything in This Space (Add watermark during editing) Note: Warning will not appear during Slide Show view.

UI Hybrid HTML Cross Platform Framework Native Titanium: XML Designer in IDE i. OS: XML Designer in Xcode Xamarin: Platform specific or Xamarin Forms Android: XML Designer in IDE Many tools Use framework or vanilla js to manipulate Other. . Windows Phone: XAML Designer Visual Studio/Blend Do Not Place Anything in This Space (Add watermark during editing) Note: Warning will not appear during Slide Show view.

Debugging Hybrid Harder than the others, recently got way better with VS! Cross Platform Framework Full blown debugger in IDE Native Full blown debugger in IDE Console messages or F 12 tools Do Not Place Anything in This Space (Add watermark during editing) Note: Warning will not appear during Slide Show view.

Performance Hybrid Depends on browser Cross Platform Framework Extra abstraction layer could take some extra time Native Highest possible performance Render speed somewhat slower Do Not Place Anything in This Space (Add watermark during editing) Note: Warning will not appear during Slide Show view.

Footprint Hybrid Wrapper adds size to the package Cross Platform Framework Relatively big Native Smallest possible footprint Less important for larger apps Do Not Place Anything in This Space (Add watermark during editing) Note: Warning will not appear during Slide Show view.

Tools Hybrid Your favorite IDE Appbuilder has own IDEs and Visual Studio plugin Cross Platform Framework Fixed IDE per product Xamarin has Visual Studio plugin Native i. OS: x. Code on Mac Android: Many choices Windows Phone: Visual Studio Do Not Place Anything in This Space (Add watermark during editing) Note: Warning will not appear during Slide Show view.

Costs Hybrid Cordova and Phonegap are free Appbuilder: $228$1188/year for all platforms Cross Platform Framework Titanium is free, extended/supported version available Native Free Xamarin: $299$1899/year per platform Do Not Place Anything in This Space (Add watermark during editing) Note: Warning will not appear during Slide Show view.

Code Sharing Hybrid 100% code sharing Can detect platform in javascript Cross Platform Framework Titanium and Xamarin: 100% sharing or UI per platform Native No code sharing Do Not Place Anything in This Space (Add watermark during editing) Note: Warning will not appear during Slide Show view.

Thanks! Contact me: roland. guijt@gmail. com @rolandguijt Do Not Place Anything in This Space (Add watermark during editing) Note: Warning will not appear during Slide Show view.