MPAS (Magazine Publishers Association of Singapore) Conference 31 May 2013.

1. Native, HTML5 or Hybrid Mobile Apps
Cost vs benefits
Sushma Vyas,
Ranosys Technoogies

2. What’s on plate today

3. The Data

4. The Data

5. The Facts
• 1.08 billion of world’s mobile phones in user are SMARTPHONES
• By 2014, mobile Internet should take over desktop Internet usage
• One half of all local searches are performed on mobile devices
• 86% of mobile Internet users are using their devices while watching TV
• 29% of mobile users are open to scanning a mobile tag to get
coupons
• About 1/3 of our average sleeping time, we spend on socialising via
mobile device, particularly mobile Internet
• 91% of mobile Internet access is to socialise as compared to 79% on
desktops

6. The Problem

7. The Dynamics of Change

8. The Dynamics of Change

9. Solution… and Options

10. Native Mobile Apps
• Built using platform native languages and tools like Objective-C for
iOS, Java for Android, and .NET for Windows Phone.
• Pros:
 Richest interactions can be built
 Full device capabilities available
 Rich development and debigging tool-set
 Can be published on app stores
 Push notifications & platform library use
• Cons:
– Need to build for multiple platforms
– Typically more expensive to build
– Requires specialized developer
expertise for each platform
– Need to share revenue with app stores

11. Native Mobile Apps Examples

12. • Entirely written using web technologies:
 HTML, CSS and JavaScript
• Code is executed by the browser, not by the OS.
• Various launch mechanisms
 Typing URL, clicking hyperlink, scanning QR Code or clicking home-screen shortcut
• Installation is optional
• Combines cross-platform HTML5 and device-specific features:
 Touch-optimized look & feel
 No address bar
 Suggestion to pin to home screen
 Offline availability
HTML 5 Mobile Apps

13. • Accessed over the Web, Mobile Web apps are built using Web
technologies including HTML5 and JavaScript.
• Pros:
 Lowest barrier to first time use
 Cost effective multi-device support
 Same app for multiple platforms
 No need to share subscription revenue with app stores
 You control application updates
 Faster time to market – no approval required by app stores
• Cons:
– Not as intuitive as Native apps
– Not able to use OS specific features
– Limited access to device hardware
– User interactions not native
– Lesser development tool-ste
HTML 5 Mobile Apps

14. HTML 5 Mobile Apps Examples

15. • Built using a combination of HTML5 and JavaScript and packaged
with a framework like PhoneGap or Appcelerator Titanium or a
custom native shell.
• Pros:
 Comparatively faster than native app retaining key native app features
 Full device capabilities
 Can be published on app stores
 Push notifications & platform library use
• Cons:
– User interactions not native
– Need to build native wrappers for multiple platforms
– Subscription fees need to be shared with app stores
Hybrid Mobile Apps – Native + HTML 5

16. Hybrid Mobile Apps Examples

17. Choosing what’s Right for YOU