APPROACHING MOBILE Understanding the Three Ways to Build Mobile Apps WHY ARE THERE DIFFERENT APPROACHES? Mobile software development is still software development. If twenty years of “desktop” software development taught the industry anything, it is that every application is unique. Every application has requirements that drive the decisions about how A responsible software Mobile app development is complex. it should be built. Some apps require maximum development strategy is built To build apps that reach all users, developers must access to hardware for rich visual presentation. deal with many different operating systems, SDKs, Some apps require maximum flexibility and the around a mixture of approaches ability to quickly deploy changes in response to development tools, screen sizes and form factors, that allow a business to cover as well as a technology landscape that is still in a business needs. constant state of flux. And if that were not enough, all software requirements while there are also several different ways to build mobile A responsible software development strategy is optimizing the time and cost of apps that development teams must sort through built around a mixture of approaches that allow a delivering an app." before beginning any new mobile effort. business to cover all software requirements while optimizing the time and cost of delivering an app. Choosing how to build a mobile app, though, can Forrester Research shares the same belief in its have the most dramatic effect on the eventual study, Putting a Price to Your Mobile Strategy, cost, time, and success of a mobile project. This suggesting developers not “get taken in by the is second only to determining the scope and allure of technology trends du jour.” The pattern for functionality of the app itself. Failure to match success is to realize each mobile app has a best-fit an application's requirements to the right mobile technology determined by mobile app objectives development approach all but guarantees wasted and available resources. perhaps software targeting cross-platform plugins, time and effort–often resulting in a less effective like Silverlight, Flash or Java. end result. Before mobile development, it was well understood there are no silver bullets that solve all software The same principles apply to a new era of There are three primary approaches to building development requirements. mobile software development. A mature mobile mobile apps today: Web, Hybrid and Native. This organization with an optimized strategy will have paper aims to explain the primary differences A peek inside the software portfolio of any a mix of mobile apps developed with Web, Hybrid, between these approaches, and provide a basic business today will reveal a mix of web-based and Native approaches. The key is knowing how to framework for choosing the “right” way to build applications, desktop-based applications, and choose the right approach for each application. modern mobile apps. A publication of 3 Share this article THE THREE PRIMARY APPROACHES WEB Mobile web development leverages the same also be challenging to use this technique when skills and workflow traditionally associated with a desktop web experience contains complex “desktop” web development. Developers build widgets, such as data grids, that do not easily websites using HTML, JavaScript and CSS that adapt to mobile screens with responsive CSS. are then accessed on mobile devices via mobile browsers. While some degree of local caching 2. Mobile Web App: Alternatively, developers can be employed, most mobile web apps rely on can build web-based experiences designed a constant connection to the Internet and a web specifically for mobile users. In this scenario, server to provide the views and content as a user mobile devices are usually detected and navigates through the app. directed to a mobile optimized web app where developers can build tailored experiences that There are two ways developers target apps for conform to mobile specific UI conventions. mobile devices with the web: While much of a mobile web app’s code base can continue to be shared with desktop web 1. Responsive Web Design: With apps, this approach does require developers to responsive web design (RWD), developers build and maintain separate view (HTML/CSS) There are three broad approaches to developing between these options. Understanding when and primarily focus on modifying the layout and implementations for both mobile and desktop mobile applications: Web, Hybrid, and Native. why to use each of these approaches is key to display of existing desktop websites to adapt clients. Developers can choose to make mobile Each affords distinct advantages to a mobile forming a consistent and optimized mobile strategy. to the smaller screen size and touch-input web apps look and feel exactly like installable development team, and none is a silver bullet that of mobile devices. The advantage is a single mobile apps, or they can choose simpler will meet the needs of all mobile applications. The following sections briefly describe each of the web code base for both desktop and mobile presentations that feel more like traditional primary approaches to mobile development and users, but RWD is generally limited in its ability browser web apps (with no attempt to mimic As with all software development, there are highlight common pros and cons. to create a “tailored” mobile experience that native UI). tradeoffs that must be considered when choosing imitates the look-and-feel of native apps. It can A publication of 4 Share this article A publication of 5 Share this article is ultimately limited access to device capabilities relative to native and hybrid options. Unlike hybrid apps, which are able to expose essentially any device API via native plug-ins, web apps are limited Web is one of the most familiar to the features built-in to mobile browsers. Web and fastest ways to reach apps also offer a very weak offline story in today’s browsers, so any app that needs to work without mobile users. " an active Internet connection will be a challenge to NATIVE implement on the web. Even still, for apps that don’t require offline support Regardless of which approach to web a developer and don’t exceed the capabilities of the web (no chooses, web is one of the most familiar and fastest need to access device sensors/APIs, for example), ways to reach mobile users. No software installs the web remains a very compelling way to build (and subsequent updates) are required. Application and deliver mobile apps. access and information security can continue to happen in the data center on the server. And done properly, a mobile web app can reach all mobile Essential skills: HTML, JavaScript, CSS devices with a browser, not just a limited subset Essential tools: Anything capable of of specifically targeted mobile platforms. Modern developing web apps mobile browsers are even exposing an increasing number of device APIs, such as geolocation, via Platform reach: iOS, Android, Windows Phone JavaScript, further enhancing the capabilities of or any HTML5 capable mobile browser mobile web-based apps. Sharable cross-platform codebase: On the other end of the spectrum from mobile 100% (UI + Logic) XCode. For Android, that means apps are built That said, the trade-off for a mobile web app’s web app development is native app development. using Java and Google’s Android SDKs. Windows familiar development platform and maximum reach As the name implies, native apps are built using Phone is .NET and Visual Studio, and so on. Every platform-specific SDKs and development tools platform has its own SDKs, and often, its own provided by the platform vendors. For iOS, that PROS CONS programming language. means apps are built using Objective C in Apple’s • Familiar, very low developer learning curve • Limited access to device hardware, APIs The advantage of native mobile apps, of course, is maximum access to the features and APIs available • Easy to deploy, no software installs • Poor offline support, requires “always on” on each platform. If something can be done on • Easy to share code with desktop websites Internet connection a mobile device, then native apps will impose • Unable to “install” on a device or publish via an the fewest limits. As stated in an MGI Research • Maximum reach study titled Buyer's Guide for Mobile Enterprise app store If something can be done on a mobile • Reuse existing security and software Applications Platforms (MEAP), “Native architecture management solutions • Unable to match native performance for rich, device, then native apps will impose tends to offer the richest, most graphically engaging user experience, high performance, and the ability animated interfaces the fewest limits." • Open standards-based platform to integrate with native device functions and back- (no vendor lock-in) end enterprise systems.” A publication of 6 Share this article A publication of 7 Share this article This power comes at the high cost of building Essential skills*: Objective-C, Java, .NET, below), which rely on embedded web containers apps that only reach one platform at a time, and HTML/JavaScript to present full-screen HTML-based UI. As a result, with the requirement that development teams multi-platform native development is appealing build and maintain multiple platform-specific code Essential tools*: XCode (for iOS), Eclipse when an app’s UI complexity exceeds the limits of bases for the same app. Native app development (for Android), Visual Studio (for WinPhone) HTML, CSS and JavaScript, such as apps with lots is the most powerful, but the most expensive Platform reach: Each app only reaches of animation or movement. and slowest approach to reach all mobile users, one platform especially if an app must support two or more The major drawback to multi-platform native Sharable cross-platform codebase: platforms.