How to pick the right development modelfor your next mobile projectConny Svensson | Managing Architect and Strategist Mobi...
Every project is different!Web vs Native is irrelevant!
• Target audience• Time and budget• Usage patterns• Features• Monetization• Volume• Maintenance• PrioritizationRequirement...
Technology is only one piece5Business UserTechnology
We live in a multi-platform world!
20.040.060.080.020072008200910Q110Q210Q310Q411Q111Q211Q311Q412Q112Q212Q312Q413Q1Android iOS Symbian Blackberry Bada Windows
Audience and industryIOS ANDROID WINDOWS MOBILE
We live in a multi-device world!
12
13ResponsivevsAdaptive][ + Multiple
Different usage patterns14PCTabletSmartphoneOverlap
Lets get technical!
Mobile websiteHybridResponsiveWeb appCustom runtimeNativeMobile platformCross compilingMixed hybrid
Lets go through themone by one...
Mobile WebMobile BrowserHTML4/5CSS2/3JavaScriptMobile Web SiteMobile BrowserHTML5CSS3JavaScriptApp FrameworkMobile Web App...
Responsive design
Responsive design<style type="text/css">#content {   width:960px;}@media (min-width: 481px) and (max-width: 768px) {   #co...
Responsive designFrameworks– 1140 CSS Grid– 320 and Up– Amazium– Base– Foundation– Gumby– Kube– Skeleton– Twitter Bootstrap
Mobile web site / Adaptive design
Mobile web siteTools and services– Mippin– Mobify– MobiSite Galore– Mobstac– Mofuse– BMobilized– Onbile– Winksite– Zinadoo
Mobile web app
Mobile web appFrameworks– DHTMLX Touch– Dojo Mobile– Jo– jQuery Mobile– Kendo UI– Sencha Touch– Sproutcore– The M-Project–...
wser53ptb SiteMobile BrowserHTML5CSS3JavaScriptApp FrameworkMobile Web AppWrapperHTML5CSS3JavaScriptApp FrameworkBridge AP...
Hybrid
PhoneGap / CordovaIt’s your own custom branded web browser!
Custom RuntimeAppJavaScriptActionScriptJavaC/C++/C#Framework APIDevice APIRuntime
Custom RuntimeRuntimes / Bridges– Flash / Air (ActionScript)– MoSync (C/C++)– Titanium (JavaScript)– Xamarin (C#)– Corona ...
NativeAppJavaObjective-CC#C/C++Platform SDKDevice API
Native
Rule of threeApp 1 App 2 App 3 App nSystem 1 System 2 System 3 System n
Mobile platforms39Gartner Magic Quadrant April 2012
How do I choose?
Full capabilityPartial capabilitySingle platform Multiple platformsNativeJava/Obj-C/C#Advanced UIFastest performanceFull a...
ResponsiveUser experience and featuresResourcesMobile websiteWeb appNativeHybridCustom runtimeMobile platform
There are no silver bullets!
AppDevMoPr (App Development Model Picker)A tool helping you to choose the rightdevelopment model based on your needshttp:/...
Thank you!Conny Svenssonc.svensson@cgi.com@connysvensson
"How to choose development model for your next mobile project" at dev:mobile 2013
"How to choose development model for your next mobile project" at dev:mobile 2013
"How to choose development model for your next mobile project" at dev:mobile 2013
"How to choose development model for your next mobile project" at dev:mobile 2013
"How to choose development model for your next mobile project" at dev:mobile 2013
"How to choose development model for your next mobile project" at dev:mobile 2013
"How to choose development model for your next mobile project" at dev:mobile 2013
"How to choose development model for your next mobile project" at dev:mobile 2013
"How to choose development model for your next mobile project" at dev:mobile 2013
Upcoming SlideShare
Loading in …5
×

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

1,520 views
1,410 views

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
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,520
On SlideShare
0
From Embeds
0
Number of Embeds
10
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

"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 Mobilityc.svensson@cgi.com | @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. 20.040.060.080.020072008200910Q110Q210Q310Q411Q111Q211Q311Q412Q112Q212Q312Q413Q1Android 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 Svenssonc.svensson@cgi.com@connysvensson

×