1. Title slide to be used at the start of a module. Developing Mobile Apps Roland Guijt www.rmgsolutions.nl @rolandguijt

2. Do Not Place Anything in This Space (Add watermark during editing) Note: Warning will not appear during Slide Show view. To remove this warning from the template: 1.View  Slide Master 2.Select topmost slide in slides pane (Slide Master). 3.Select the logo to the left and this text box. 4.Press Delete. Title + Bullet List Mobile Device Adoption  10x faster than PC boom  2x faster than internet boom  In 2015 mobile internet usage will be greater than desktop internet usage

3. Do Not Place Anything in This Space (Add watermark during editing) Note: Warning will not appear during Slide Show view. To remove this warning from the template: 1.View  Slide Master 2.Select topmost slide in slides pane (Slide Master). 3.Select the logo to the left and this text box. 4.Press Delete. Mobile Apps Applications that run on a phone or tablet that can be downloaded from an online store.

4. Do Not Place Anything in This Space (Add watermark during editing) Note: Warning will not appear during Slide Show view. To remove this warning from the template: 1.View  Slide Master 2.Select topmost slide in slides pane (Slide Master). 3.Select the logo to the left and this text box. 4.Press Delete.

5. Do Not Place Anything in This Space (Add watermark during editing) Note: Warning will not appear during Slide Show view. To remove this warning from the template: 1.View  Slide Master 2.Select topmost slide in slides pane (Slide Master). 3.Select the logo to the left and this text box. 4.Press Delete. Title + Bullet List Objectives  The Three Choices  Cordova  Xamarin

6. Do Not Place Anything in This Space (Add watermark during editing) Note: Warning will not appear during Slide Show view. To remove this warning from the template: 1.View  Slide Master 2.Select topmost slide in slides pane (Slide Master). 3.Select the logo to the left and this text box. 4.Press Delete. The Three Choices Hybrid Cross Platform Framework Native

7. Do Not Place Anything in This Space (Add watermark during editing) Note: Warning will not appear during Slide Show view. To remove this warning from the template: 1.View  Slide Master 2.Select topmost slide in slides pane (Slide Master). 3.Select the logo to the left and this text box. 4.Press Delete. Native Apps Apps that are specifically made for a mobile platform and run directly and only on that platform.

8. Do Not Place Anything in This Space (Add watermark during editing) Note: Warning will not appear during Slide Show view. To remove this warning from the template: 1.View  Slide Master 2.Select topmost slide in slides pane (Slide Master). 3.Select the logo to the left and this text box. 4.Press Delete. Native: How does it work? Each platform uses different language Objective C/Swift for iOS Java for Android Class/Control library Cocoa Touch for iOS Android APIs Runtime Regulates program flow Different tools

9. Do Not Place Anything in This Space (Add watermark during editing) Note: Warning will not appear during Slide Show view. To remove this warning from the template: 1.View  Slide Master 2.Select topmost slide in slides pane (Slide Master). 3.Select the logo to the left and this text box. 4.Press Delete. Native Apps No code reuse across platforms Require knowledge of used framework Require knowledge of multiple languages

10. Do Not Place Anything in This Space (Add watermark during editing) Note: Warning will not appear during Slide Show view. To remove this warning from the template: 1.View  Slide Master 2.Select topmost slide in slides pane (Slide Master). 3.Select the logo to the left and this text box. 4.Press Delete. Hybrid Apps Mobile apps that are deployed in an app store, but are actually web apps.

11. Do Not Place Anything in This Space (Add watermark during editing) Note: Warning will not appear during Slide Show view. To remove this warning from the template: 1.View  Slide Master 2.Select topmost slide in slides pane (Slide Master). 3.Select the logo to the left and this text box. 4.Press Delete. Hybrid: How does it work? Runs in browser Chromeless All HTML, CSS and javascript stored locally Not on a server

12. Do Not Place Anything in This Space (Add watermark during editing) Note: Warning will not appear during Slide Show view. To remove this warning from the template: 1.View  Slide Master 2.Select topmost slide in slides pane (Slide Master). 3.Select the logo to the left and this text box. 4.Press Delete. Hybrid Mobile Apps Code and UI reusable across platforms Based on Apache Cordova Use existing web skills

13. Do Not Place Anything in This Space (Add watermark during editing) Note: Warning will not appear during Slide Show view. To remove this warning from the template: 1.View  Slide Master 2.Select topmost slide in slides pane (Slide Master). 3.Select the logo to the left and this text box. 4.Press Delete. Apache Cordova An open source collection of javascript device APIs.

14. Do Not Place Anything in This Space (Add watermark during editing) Note: Warning will not appear during Slide Show view. To remove this warning from the template: 1.View  Slide Master 2.Select topmost slide in slides pane (Slide Master). 3.Select the logo to the left and this text box. 4.Press Delete. Cordova Distributions PhoneGap By Adobe AppBuilder By Telerik (aka Icenium)

15. Do Not Place Anything in This Space (Add watermark during editing) Note: Warning will not appear during Slide Show view. To remove this warning from the template: 1.View  Slide Master 2.Select topmost slide in slides pane (Slide Master). 3.Select the logo to the left and this text box. 4.Press Delete. Demo

16. Do Not Place Anything in This Space (Add watermark during editing) Note: Warning will not appear during Slide Show view. To remove this warning from the template: 1.View  Slide Master 2.Select topmost slide in slides pane (Slide Master). 3.Select the logo to the left and this text box. 4.Press Delete. Cross Platform Framework Apps Native mobile apps that are developed using a framework which enables the sharing of code between mobile platforms.

17. Do Not Place Anything in This Space (Add watermark during editing) Note: Warning will not appear during Slide Show view. To remove this warning from the template: 1.View  Slide Master 2.Select topmost slide in slides pane (Slide Master). 3.Select the logo to the left and this text box. 4.Press Delete. How does it work? Uses a runtime or interpreter Different in each product Deployment depends on platform One programming language For all platforms

18. Do Not Place Anything in This Space (Add watermark during editing) Note: Warning will not appear during Slide Show view. To remove this warning from the template: 1.View  Slide Master 2.Select topmost slide in slides pane (Slide Master). 3.Select the logo to the left and this text box. 4.Press Delete. Cross Platform Framework Apps Specific parts reusable across platforms Require knowledge of the mobile platform Use existing language skills

19. Do Not Place Anything in This Space (Add watermark during editing) Note: Warning will not appear during Slide Show view. To remove this warning from the template: 1.View  Slide Master 2.Select topmost slide in slides pane (Slide Master). 3.Select the logo to the left and this text box. 4.Press Delete. Cross Platform Frameworks Xamarin By Xamarin Titanium By Appcelerator

20. Do Not Place Anything in This Space (Add watermark during editing) Note: Warning will not appear during Slide Show view. To remove this warning from the template: 1.View  Slide Master 2.Select topmost slide in slides pane (Slide Master). 3.Select the logo to the left and this text box. 4.Press Delete. Supported Platforms Separate products Integrate in IDE Android, iOS Xamarin

21. Do Not Place Anything in This Space (Add watermark during editing) Note: Warning will not appear during Slide Show view. To remove this warning from the template: 1.View  Slide Master 2.Select topmost slide in slides pane (Slide Master). 3.Select the logo to the left and this text box. 4.Press Delete. Runtime C# Mono.NET implementation Just in time/Ahead of time Xamarin Footprint Performance

22. Do Not Place Anything in This Space (Add watermark during editing) Note: Warning will not appear during Slide Show view. To remove this warning from the template: 1.View  Slide Master 2.Select topmost slide in slides pane (Slide Master). 3.Select the logo to the left and this text box. 4.Press Delete. Device Capabilities Exposed by C# classes Different for each platform Xamarin

23. Do Not Place Anything in This Space (Add watermark during editing) Note: Warning will not appear during Slide Show view. To remove this warning from the template: 1.View  Slide Master 2.Select topmost slide in slides pane (Slide Master). 3.Select the logo to the left and this text box. 4.Press Delete. Tools Xamarin Studio Visual Studio Xamarin

24. Do Not Place Anything in This Space (Add watermark during editing) Note: Warning will not appear during Slide Show view. To remove this warning from the template: 1.View  Slide Master 2.Select topmost slide in slides pane (Slide Master). 3.Select the logo to the left and this text box. 4.Press Delete. Availability Commercial Limited free edition Subscription Xamarin

25. Do Not Place Anything in This Space (Add watermark during editing) Note: Warning will not appear during Slide Show view. To remove this warning from the template: 1.View  Slide Master 2.Select topmost slide in slides pane (Slide Master). 3.Select the logo to the left and this text box. 4.Press Delete. Demo

26. Do Not Place Anything in This Space (Add watermark during editing) Note: Warning will not appear during Slide Show view. To remove this warning from the template: 1.View  Slide Master 2.Select topmost slide in slides pane (Slide Master). 3.Select the logo to the left and this text box. 4.Press Delete. Forms Share UI Code XAML support Translates to native controls Xamarin Not suitable for all apps Call native code using DependencyService

27. Do Not Place Anything in This Space (Add watermark during editing) Note: Warning will not appear during Slide Show view. To remove this warning from the template: 1.View  Slide Master 2.Select topmost slide in slides pane (Slide Master). 3.Select the logo to the left and this text box. 4.Press Delete. Demo

28. Do Not Place Anything in This Space (Add watermark during editing) Note: Warning will not appear during Slide Show view. To remove this warning from the template: 1.View  Slide Master 2.Select topmost slide in slides pane (Slide Master). 3.Select the logo to the left and this text box. 4.Press Delete. Hybrid Cross Platform Framework Native Language Javascript Many libraries and frameworks Hard to structure Titanium: javascript Not all libraries can be used Xamarin: C# Powerful More Tabris: Java Depends on platform iOS: Objective C or Swift Android: Java Windows Phone: C#

29. Do Not Place Anything in This Space (Add watermark during editing) Note: Warning will not appear during Slide Show view. To remove this warning from the template: 1.View  Slide Master 2.Select topmost slide in slides pane (Slide Master). 3.Select the logo to the left and this text box. 4.Press Delete. Hybrid Cross Platform Framework Native UI HTML Many tools Use framework or vanilla js to manipulate Titanium: XML Designer in IDE Xamarin: Platform specific or Xamarin Forms Other.. iOS: XML Designer in Xcode Android: XML Designer in IDE Windows Phone: XAML Designer Visual Studio/Blend

30. Do Not Place Anything in This Space (Add watermark during editing) Note: Warning will not appear during Slide Show view. To remove this warning from the template: 1.View  Slide Master 2.Select topmost slide in slides pane (Slide Master). 3.Select the logo to the left and this text box. 4.Press Delete. Hybrid Cross Platform Framework Native Debugging Harder than the others, recently got way better with VS! Console messages or F12 tools Full blown debugger in IDE

31. Do Not Place Anything in This Space (Add watermark during editing) Note: Warning will not appear during Slide Show view. To remove this warning from the template: 1.View  Slide Master 2.Select topmost slide in slides pane (Slide Master). 3.Select the logo to the left and this text box. 4.Press Delete. Hybrid Cross Platform Framework Native Performance Depends on browser Render speed somewhat slower Extra abstraction layer could take some extra time Highest possible performance

32. Do Not Place Anything in This Space (Add watermark during editing) Note: Warning will not appear during Slide Show view. To remove this warning from the template: 1.View  Slide Master 2.Select topmost slide in slides pane (Slide Master). 3.Select the logo to the left and this text box. 4.Press Delete. Hybrid Cross Platform Framework Native Footprint Wrapper adds size to the package Relatively big Less important for larger apps Smallest possible footprint

33. Do Not Place Anything in This Space (Add watermark during editing) Note: Warning will not appear during Slide Show view. To remove this warning from the template: 1.View  Slide Master 2.Select topmost slide in slides pane (Slide Master). 3.Select the logo to the left and this text box. 4.Press Delete. Hybrid Cross Platform Framework Native Tools Your favorite IDE Appbuilder has own IDEs and Visual Studio plugin Fixed IDE per product Xamarin has Visual Studio plugin iOS: xCode on Mac Android: Many choices Windows Phone: Visual Studio

34. Do Not Place Anything in This Space (Add watermark during editing) Note: Warning will not appear during Slide Show view. To remove this warning from the template: 1.View  Slide Master 2.Select topmost slide in slides pane (Slide Master). 3.Select the logo to the left and this text box. 4.Press Delete. Hybrid Cross Platform Framework Native Costs Cordova and Phonegap are free Appbuilder: $228- $1188/year for all platforms Titanium is free, extended/supporte d version available Xamarin: $299- $1899/year per platform Free

35. Do Not Place Anything in This Space (Add watermark during editing) Note: Warning will not appear during Slide Show view. To remove this warning from the template: 1.View  Slide Master 2.Select topmost slide in slides pane (Slide Master). 3.Select the logo to the left and this text box. 4.Press Delete. Hybrid Cross Platform Framework Native Code Sharing 100% code sharing Can detect platform in javascript Titanium and Xamarin: 100% sharing or UI per platform No code sharing

36. Do Not Place Anything in This Space (Add watermark during editing) Note: Warning will not appear during Slide Show view. To remove this warning from the template: 1.View  Slide Master 2.Select topmost slide in slides pane (Slide Master). 3.Select the logo to the left and this text box. 4.Press Delete. Thanks! Contact me: roland.guijt@gmail.com @rolandguijt roland.guijt@gmail.com