0
How to pick the right development modelfor your next mobile projectConny Svensson | Managing Architect and Strategist Mobi...
2
2
2
Web vs Native is irrelevant!
Every project is different!
Requirements and context• Audience• Time and budget• Usage patterns• Features• Monetization• Maintenance                  ...
Technology is only one part                     5
Technology is only one part           Business            User                  Technology                      5
We live in a multi-platform world!
7
7
7
Change is constant  Android   iOS   Symbian   RIM   Bada   Windows   Others                            8
Change is constant80,060,040,020,0   2007 2008 2009 10Q110Q210Q310Q411Q111Q211Q311Q412Q112Q212Q312Q4       Android   iOS  ...
9
9
We live in a multi-device world!
11
11
11
12
Hybrid Mobile website                             Responsive    Cross compilingWeb app           Mixed hybrid             ...
What’s the difference? Mobile Web Site   Mobile Web App    Hybrid App     Custom runtime    Native App Mobile Browser    Mo...
Lets go through themone by one...
Responsive design                    15
Responsive design                    15
Responsive design                    15
Responsive design                    15
Responsive design                    16
Responsive design@media   screen and (min-width: 560px){!        .ui-field-contain label.ui-slider {!        !       verti...
Responsive designFrameworks – 1140 CSS Grid – 320 and Up – Amazium – Base – Foundation – Gumby – Kube – Skeleton – Twitter...
Mobile web site                  18
Mobile web site                  18
Mobile web siteTools and services – Mippin – Mobify – MobiSite Galore – Mobstac – Mofuse – BMobilized – Onbile – Winksite ...
Mobile web app                 20
Mobile web app                 20
Mobile web appFrameworks – DHTMLX Touch – Dojo Mobile – Jo – jQuery Mobile – Kendo UI – Sencha Touch – Sproutcore – The M-...
Hybrid           Wrapper             HTML5              CSS3           JavaScript         App Framework           Bridge A...
Hybrid         23
Hybrid         23
Hybrid         23
PhoneGap / CordovaIt’s your own custom branded web browser!                      24
PhoneGap / CordovaIt’s your own custom branded web browser!                      24
Custom Runtime                      App                    JavaScript                   ActionScript                      ...
Custom RuntimeFrameworks – Flash / Air (ActionScript) – MoSync (C/C++) – Titanium (JavaScript) – Xamarin (C#)Cross compili...
Native             App              Java          Objective-C               C#            C/C++         Platform SDK      ...
Native         28
How do I choose?
Full capabilitySingle platform                        Multiple platforms                  Partial capability              ...
Native                     Full capabilityJava/Obj-C/C#Advanced UIFastest performanceFull access to platformApp store dist...
Custom Runtime                                               Java/C#/JavaScriptNative                     Full capability ...
Resources                 User experience and features            31
Resources                                                              Mobile platform                                    ...
There are no silver bullets!
AppDevMoPr (App Development Model Picker)A tool helping you to choose the rightdevelopment model based on your needs      ...
AppDevMoPr (App Development Model Picker)A tool helping you to choose the rightdevelopment model based on your needs      ...
Thank you!Conny Svenssonc.svensson@cgi.com@connysvensson
Upcoming SlideShare
Loading in...5
×

How to pick the right development model for your mobile project?

2,041

Published on

Everybody wants an app today, but do you really need an app? The need for mobile solutions is growing and there are many ways to accomplish this. There is no "silver bullet" that fits every situation. As usual you need to first look at what problem you need to solve, what are the needs and then pick a technology. Responsive design, mobile website, web app, HTML5, hybrid, mixed hybrid, custom runtime, native, mobile platform, there are a lot of technical terms floating around in mobile development. Lets go thru each one and look at the benefits as well as the drawbacks, when they fit and when not to use them. We look at a couple of real world examples, what technology they use and why. Finally we end the presentation with a new interactive model that can give you a helping hand when choosing technology for your next mobile project.

Published in: Technology
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,041
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
19
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

Transcript of "How to pick the right development model for your mobile project?"

  1. 1. How to pick the right development modelfor your next mobile projectConny Svensson | Managing Architect and Strategist Mobilityc.svensson@cgi.com | @connysvenssonScanDev 2013
  2. 2. 2
  3. 3. 2
  4. 4. 2
  5. 5. Web vs Native is irrelevant!
  6. 6. Every project is different!
  7. 7. Requirements and context• Audience• Time and budget• Usage patterns• Features• Monetization• Maintenance 4
  8. 8. Technology is only one part 5
  9. 9. Technology is only one part Business User Technology 5
  10. 10. We live in a multi-platform world!
  11. 11. 7
  12. 12. 7
  13. 13. 7
  14. 14. Change is constant Android iOS Symbian RIM Bada Windows Others 8
  15. 15. Change is constant80,060,040,020,0 2007 2008 2009 10Q110Q210Q310Q411Q111Q211Q311Q412Q112Q212Q312Q4 Android iOS Symbian RIM Bada Windows Others 8
  16. 16. 9
  17. 17. 9
  18. 18. We live in a multi-device world!
  19. 19. 11
  20. 20. 11
  21. 21. 11
  22. 22. 12
  23. 23. Hybrid Mobile website Responsive Cross compilingWeb app Mixed hybrid Custom runtime Native Mobile platform 12
  24. 24. What’s the difference? Mobile Web Site Mobile Web App Hybrid App Custom runtime Native App Mobile Browser Mobile Browser Wrapper App App HTML4/5 HTML5 HTML5 JavaScript Java CSS2/3 CSS3 CSS3 ActionScript Objective-C JavaScript JavaScript JavaScript Java C# App Framework App Framework C# C/C++ Bridge API Framework API Platform SDK Plugins Runtime Device API Device API Device API 13
  25. 25. Lets go through themone by one...
  26. 26. Responsive design 15
  27. 27. Responsive design 15
  28. 28. Responsive design 15
  29. 29. Responsive design 15
  30. 30. Responsive design 16
  31. 31. Responsive design@media screen and (min-width: 560px){! .ui-field-contain label.ui-slider {! ! vertical-align: top;! ! display: inline-block;! ! width: 100%;! ! margin: 0 2% 0 0;! }! .ui-field-contain div.ui-slider {! ! display: block;! ! width: 100%%;! }! .ui-field-contain.ui-hide-label div.ui-slider {! ! display: block;! ! width: auto;! }} 16
  32. 32. Responsive designFrameworks – 1140 CSS Grid – 320 and Up – Amazium – Base – Foundation – Gumby – Kube – Skeleton – Twitter Bootstrap 17
  33. 33. Mobile web site 18
  34. 34. Mobile web site 18
  35. 35. Mobile web siteTools and services – Mippin – Mobify – MobiSite Galore – Mobstac – Mofuse – BMobilized – Onbile – Winksite – Zinadoo 19
  36. 36. Mobile web app 20
  37. 37. Mobile web app 20
  38. 38. Mobile web appFrameworks – DHTMLX Touch – Dojo Mobile – Jo – jQuery Mobile – Kendo UI – Sencha Touch – Sproutcore – The M-Project – Wijmo 21
  39. 39. Hybrid Wrapper HTML5 CSS3 JavaScript App Framework Bridge API Plugins Device API 22
  40. 40. Hybrid 23
  41. 41. Hybrid 23
  42. 42. Hybrid 23
  43. 43. PhoneGap / CordovaIt’s your own custom branded web browser! 24
  44. 44. PhoneGap / CordovaIt’s your own custom branded web browser! 24
  45. 45. Custom Runtime App JavaScript ActionScript Java C/C++/C# Framework API Runtime Device API 25
  46. 46. Custom RuntimeFrameworks – Flash / Air (ActionScript) – MoSync (C/C++) – Titanium (JavaScript) – Xamarin (C#)Cross compiling – Codename One (Java) – Java2ObjC (Java) 26
  47. 47. Native App Java Objective-C C# C/C++ Platform SDK Device API 27
  48. 48. Native 28
  49. 49. How do I choose?
  50. 50. Full capabilitySingle platform Multiple platforms Partial capability 30
  51. 51. Native Full capabilityJava/Obj-C/C#Advanced UIFastest performanceFull access to platformApp store distribution Single platform Multiple platforms Web HTML/CSS/JavaScript No special tools or hardware Desktop reusability Limited access to device Unrestricted distribution Partial capability 30
  52. 52. Custom Runtime Java/C#/JavaScriptNative Full capability Native UI / Custom UIJava/Obj-C/C# Partial access to deviceAdvanced UI App store distributionFastest performanceFull access to platformApp store distribution Hybrid HTML5/CSS3/JavaScript Emulated native UI Partial access to device App store distribution Single platform Multiple platforms Web HTML/CSS/JavaScript No special tools or hardware Desktop reusability Limited access to device Unrestricted distribution Partial capability 30
  53. 53. Resources User experience and features 31
  54. 54. Resources Mobile platform Native Custom runtime Hybrid Web app Mobile website Responsive User experience and features 31
  55. 55. There are no silver bullets!
  56. 56. AppDevMoPr (App Development Model Picker)A tool helping you to choose the rightdevelopment model based on your needs 33
  57. 57. AppDevMoPr (App Development Model Picker)A tool helping you to choose the rightdevelopment model based on your needs B ET http://admp.cgilabs.se A 33
  58. 58. Thank you!Conny Svenssonc.svensson@cgi.com@connysvensson
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×