advertisement

Shaping a Technology Strategy for Mobile Development

100 %
0 %
advertisement
Information about Shaping a Technology Strategy for Mobile Development

Published on May 30, 2013

Author: frogdesign

Source: slideshare.net

advertisement

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

Add a comment

Related pages

3 Mobile Strategy Priorities For 2014 - InformationWeek

3 Mobile Strategy Priorities For 2014 ... sustain or increase their investment in mobile technologies during the ... of mobile app development not only ...
Read more

3 Trends Shaping Mobile Development in 2016 -- ADTmag

3 Trends Shaping Mobile Development ... Gupta Technologies announced its TD Mobile tool for simplified ... OData External Data Integration Strategies ...
Read more

Social shaping of technology - Wikipedia, the free ...

... "Central to social shaping of technology ... of the social and technological context of development which shapes ... Strategy of Technology;
Read more

Technology Strategy: HOW TO DEVELOP a TECHNOLOGY STRATEGY ...

Technology strategy is the task of building, maintaining and exploiting a company's technological assets. ... Technology Strategy Development for SMEs ...
Read more

How Mobile Learning is Shaping the Workforce | Learning ...

Learning Technologies. Articles; ... How Mobile Learning is Shaping the Workforce; ... effective mobile strategy for learners. ...
Read more

Mobile Strategy | Capgemini Worldwide

Companies need a mobile strategy roadmap to successfully capitalize on mobile technology ... Have a successful Mobile Strategy ... Learning & Development;
Read more

Shaping Strategy in a World of Constant Disruption

Shaping Strategy in ... provide a blueprint for this daunting task of shaping strategy as technology ... Rethinking the Process of Strategy Development.
Read more

Shaping Technologies | LinkedIn

Learn about working at Shaping Technologies. ... creating online business development plans and strategies, ... Mobile; Language.
Read more

TECHNOLOGY DEVELOPMENT STRATEGY [or] ACQUISITION STRATEGY ...

TECHNOLOGY DEVELOPMENT STRATEGY [or] ACQUISITION STRATEGY . FOR ... If a Technology Development Strategy, indicate the Affordability Target that has been
Read more