• Save
Shaping a Technology Strategy for Mobile Development
Upcoming SlideShare
Loading in...5
×
 

Shaping a Technology Strategy for Mobile Development

on

  • 3,230 views

 

Statistics

Views

Total Views
3,230
Slideshare-icon Views on SlideShare
3,097
Embed Views
133

Actions

Likes
23
Downloads
0
Comments
0

9 Embeds 133

http://blog.jennieericsson.com 96
http://aboutme.jennieericsson.com 9
https://twitter.com 8
http://www.soso.com 6
http://yandex.ru 4
http://www.google.com 3
http://www.bing.com 3
http://flavors.me 2
http://teachingict.edu20.org 2
More...

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Shaping a Technology Strategy for Mobile Development Shaping a Technology Strategy for Mobile Development Presentation Transcript

    • Shaping a Technology Strategyfor Mobile DevelopmentALEX CONCONI© 2013 frog - All rights reserved
    • Alex ConconiAssociate Technology Directoralex.conconi@frogdesign.com@aconconi
    • Background
    • “The web isdead.Apps are thepresent andthe future.”Keith Teare, MBLT 2013
    • “We provide our customerswith native applications onseveral platforms to accessour online services.Managing all those nativeapps is a real nightmare…”
    • “The biggestmistake we madeas a company wasbetting too muchon HTML5 asopposed to native”Mark Zuckerberg, 11 Sept. 2012
    • “...the very next daymy boss called andasked me:«Are you sure weare not making thesame mistake withthis HTML5?»”
    • Mobile device system modelTechnology backgroundHardwareCPU, Memory, I/O devices (storage, network,phone, screen, audio, GPS, accelerometer,…)Operating SystemKernel, Device drivers, Services, ShellApp X App Y BrowserAPI9© 2013 frog - All rights reserved – Confidential and Proprietary
    • Technology background10© 2013 frog - All rights reserved – Confidential and Proprietary
    • From web to native:the shades in between
    • Mobile website
    • Three approaches tomobile website creation1. Responsive design2. Dedicated m-site3. RESS (Responsive Web Design +Server Side Components)13Mobile website© 2013 frog - All rights reserved – Confidential and Proprietary
    • 14Responsive designResponsive DesignA unified client-side solution that dynamicallyadapts content and layout to device features
    • 15Dedicated mobile siteMobile site dedicatoTypical m-site fully optimized for mobile devices interms of layout, content and features
    • 16RESSRESS (Responsive Server Side)REsponsive web design + Server Side components usesserver-side logic and user detection to assemble and serve aversion of the web page optimized for the client device
    • Mobile site featuresMobile websiteTechnology Mixes client-side (HTML, CSS, JavaScript) and server-side (PHP,Ruby, .Net, Java etc.) technologiesDependency Platform-independent (runs in any modern browser)Connectivity Online onlyDevice features No access (or limited access if HTML5 browser API is available)Distribution Web17© 2013 frog - All rights reserved – Confidential and Proprietary
    • Web app
    • Web app featuresWeb appTechnology Open standard web technologies (HTML5, CSS3, JavaScript) withapplication logic moved to client sideDependency Platform-independent (runs in any modern browser)Connectivity Mostly online (partial offline support)Device features Limited access (through HTML5 browser API)Distribution Web21© 2013 frog - All rights reserved – Confidential and Proprietary
    • Hybrid apps
    • Hybrid app23© 2013 frog - All rights reserved – Confidential and Proprietary
    • Hybrid app24© 2013 frog - All rights reserved – Confidential and Proprietary
    • Hybrid app
    • Hybrid app
    • 27Hybrid apphttp://vimeo.com/55486684© 2013 frog - All rights reserved – Confidential and Proprietary
    • Hybrid app featuresHybrid appTechnology Open standard web technologies (HTML5, CSS3, JavaScript)+ abstract OS integration APIDependency Cross-platform (can be ported to most target platforms)Connectivity Online and offlineDevice features Almost complete access (through integration layer)Distribution App store28© 2013 frog - All rights reserved – Confidential and Proprietary
    • Cross-compiling SDK
    • Appcelerator TitaniumCross-compiling SDK30© 2013 frog - All rights reserved – Confidential and Proprietary
    • Cross-compiling SDK31© 2013 frog - All rights reserved – Confidential and Proprietary
    • MoSyncCross-compiling SDK32© 2013 frog - All rights reserved – Confidential and Proprietary
    • Cross-compiling SDK featuresCross-compiling SDKTechnology Custom API and language depending on selected SDK(e.g. Appcelerator Titanium: JavaScript, MoSync: C/C++)Dependency Cross-platform (can be ported to most target platforms)Connectivity Online and offlineDevice features Almost complete access (through integration layer)Fully native UI elementsDistribution App store33© 2013 frog - All rights reserved – Confidential and Proprietary
    • Native app
    • Native app35…???© 2013 frog - All rights reserved – Confidential and Proprietary
    • Native app featuresNative appTechnology Specific for each platform (e.g. Android: Java, iOS: Objective-C)Dependency Fully platform-dependentConnectivity Online and offlineDevice features Complete access (through individual OS API)Fully native UI elementsDistribution App store38© 2013 frog - All rights reserved – Confidential and Proprietary
    • Decision criteria
    • FunctionalityDecision criteria1Business model2Context340© 2013 frog - All rights reserved – Confidential and Proprietary
    • Decision criteria41© 2013 frog - All rights reserved – Confidential and Proprietary
    • There’s no “multi-platformsolution to rule them all” really
    • © 2013 frog - All rights reserved – Confidential and Proprietary