Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

"How to choose development model for your next mobile project" at dev:mobile 2013


Published on

Helps developers and clients on how to choose the right development model and technology for mobile projects. There are no silver bullets, every project is different!
Also presenting a new interactive tool to help you pick a technology given some requirements and context of your project.
This is pretty close to the presentation I held at ScanDev 2013, but added som nuances and slides.

Published in: Technology
  • Be the first to comment

  • Be the first to like this

"How to choose development model for your next mobile project" at dev:mobile 2013

  1. 1. How to pick the right development modelfor your next mobile projectConny Svensson | Managing Architect and Strategist | @connysvenssondev:mobile 2013
  2. 2. Every project is different!Web vs Native is irrelevant!
  3. 3. • Target audience• Time and budget• Usage patterns• Features• Monetization• Volume• Maintenance• PrioritizationRequirements and context
  4. 4. Technology is only one piece5Business UserTechnology
  5. 5. We live in a multi-platform world!
  6. 6. iOS Symbian Blackberry Bada Windows
  7. 7. Audience and industryIOS ANDROID WINDOWS MOBILE
  8. 8. We live in a multi-device world!
  9. 9. 12
  10. 10. 13ResponsivevsAdaptive][ + Multiple
  11. 11. Different usage patterns14PCTabletSmartphoneOverlap
  12. 12. Lets get technical!
  13. 13. Mobile websiteHybridResponsiveWeb appCustom runtimeNativeMobile platformCross compilingMixed hybrid
  14. 14. Lets go through themone by one...
  15. 15. Mobile WebMobile BrowserHTML4/5CSS2/3JavaScriptMobile Web SiteMobile BrowserHTML5CSS3JavaScriptApp FrameworkMobile Web AppWrapperHTML5CSS3JavaScriptApp FrameworkBridge APIHybrid AppDevice APIPlugins
  16. 16. Responsive design
  17. 17. Responsive design<style type="text/css">#content {   width:960px;}@media (min-width: 481px) and (max-width: 768px) {   #content { width:740px; }}@media (min-width: 321px) and (max-width: 480px) {   #content { width:450px; }}@media (max-width: 320px) {   #content { width:290px; }}</style>
  18. 18. Responsive designFrameworks– 1140 CSS Grid– 320 and Up– Amazium– Base– Foundation– Gumby– Kube– Skeleton– Twitter Bootstrap
  19. 19. Mobile web site / Adaptive design
  20. 20. Mobile web siteTools and services– Mippin– Mobify– MobiSite Galore– Mobstac– Mofuse– BMobilized– Onbile– Winksite– Zinadoo
  21. 21. Mobile web app
  22. 22. Mobile web appFrameworks– DHTMLX Touch– Dojo Mobile– Jo– jQuery Mobile– Kendo UI– Sencha Touch– Sproutcore– The M-Project– Wijmo
  23. 23. wser53ptb SiteMobile BrowserHTML5CSS3JavaScriptApp FrameworkMobile Web AppWrapperHTML5CSS3JavaScriptApp FrameworkBridge APIHybrid AppDevice APIPluginsObCPlatNaDeAppJavaScriptActionScriptJavaC#Framework APICustom runtimeDevice APIRuntimeHybrid
  24. 24. Hybrid
  25. 25. PhoneGap / CordovaIt’s your own custom branded web browser!
  26. 26. Custom RuntimeAppJavaScriptActionScriptJavaC/C++/C#Framework APIDevice APIRuntime
  27. 27. Custom RuntimeRuntimes / Bridges– Flash / Air (ActionScript)– MoSync (C/C++)– Titanium (JavaScript)– Xamarin (C#)– Corona (Lua)– RhoMobile (Ruby)– Tabris (Java)Cross compiling– Codename One (Java)– Java2ObjC (Java)– XMLVM (Java)
  28. 28. NativeAppJavaObjective-CC#C/C++Platform SDKDevice API
  29. 29. Native
  30. 30. Rule of threeApp 1 App 2 App 3 App nSystem 1 System 2 System 3 System n
  31. 31. Mobile platforms39Gartner Magic Quadrant April 2012
  32. 32. How do I choose?
  33. 33. Full capabilityPartial capabilitySingle platform Multiple platformsNativeJava/Obj-C/C#Advanced UIFastest performanceFull access to platformApp store distribution HybridHTML5/CSS3/JavaScriptEmulated native UIPartial access to deviceApp store distributionWebHTML/CSS/JavaScriptNo special tools or hardwareDesktop reusabilityLimited access to deviceUnrestricted distributionCustom RuntimeJava/C#/JavaScriptNative UI / Custom UIPartial access to deviceApp store distribution
  34. 34. ResponsiveUser experience and featuresResourcesMobile websiteWeb appNativeHybridCustom runtimeMobile platform
  35. 35. There are no silver bullets!
  36. 36. AppDevMoPr (App Development Model Picker)A tool helping you to choose the rightdevelopment model based on your needshttp://admp.cgilabs.seBETA
  37. 37. Thank you!Conny