Hybrid Approach to Extend your WebHybrid Approach to Extend your Web Apps to Tablets & Smartphones

@impetuscalling

Recorded version available atRecorded version available at http://www.impetus.com/webinar_registration?event=archived&eid=54

Impetus Proprietary

Outline

Mobility Challenges

Mobilit De elopment ApproachesMobility Development ApproachesHybrid Approach

Facebook Case Studyy

Complexities in Hybrid Approach

Best Practices in Hybrid AppHybrid Application Development Maturity Model

Instant Mobilizer

Impetus Proprietary 2Recorded version available at 

http://www.impetus.com/webinar_registration?event=archived&eid=54

Mobility Challenges

Diversity in mobile platforms

Different de ice form factorsDifferent device form factors

Data synchronization between client and server

Network bandwidth & latencyNetwork bandwidth & latency

High development & maintenance cost

Time to market

Testing ubiquity

3Impetus Proprietary

Recorded version available at http://www.impetus.com/webinar_registration?event=archived&eid=54

Mobility Development ApproachesThin ClientWritten using web technologies

Code executed by browser, not by the OS

Various launch mechanismsVarious launch mechanisms

Thick ClientThick Client Binary ‘executable image’ on the mobile device

Distributed through popular app store or via an enterprise distribution mechanismExecuted directly by the operating systemExecuted directly by the operating system

Uses operating-system APIs

HybridNative app with embedded HTML

Selected portions written using web technologies

4Impetus Proprietary

Recorded version available at http://www.impetus.com/webinar_registration?event=archived&eid=54

Hybrid Approach - Solution Overview

Seamless integration with native applications

Le erages e isting eb presenceLeverages existing web presence

Recorded version available at http://www.impetus.com/webinar_registration?event=archived&eid=54Impetus Proprietary

Comparing Web, Native & Hybrid Approach

Attribute Web Native HybridAttribute Web Native Hybrid

Cross-Platform Portability

Common development Platform

Push Notifications & Back-grounding

Device capabilities based features like GPS, Camera etc

Integration with native apps like calendar, Mail etc.

Local processing

Compliance with Native look

Browser Dependency

Leveraging Existing web presence

Recorded version available at http://www.impetus.com/webinar_registration?event=archived&eid=54

Impetus Proprietary

How Facebook Leveraged Hybrid Approach?

Rapidly changing mobile technology

Writing same f nctionalit m ltiple times is passéWriting same functionality multiple times is passé Web - Write once, run anywhere

Progressive enhancementNew Opportunity - HTML5

Important considerationsWeb v/s NativeWeb v/s Native

Speed

WURFL

Heading to HTML5…

7Impetus Proprietary

Recorded version available at http://www.impetus.com/webinar_registration?event=archived&eid=54

Complexities in Hybrid Approach

Markup (XHTMLMP to HTML5)

Bro ser capabilitiesBrowser capabilities

Device form-factor

Usability and user experienceUsability and user experience

Performance bottlenecks

Leveraging device capabilities

Security (java script / web content)

Versioning of hybrid app

Impetus Proprietary 8Recorded version available at 

http://www.impetus.com/webinar_registration?event=archived&eid=54

Best Practices in Hybrid AppDesign Phase

Feature analysis Is hybrid approach suitable for the app?Is hybrid approach suitable for the app?

Selecting suitable features

Availability of web-services Creating mobile gateway

UI/UX re-design matching to all target platform

Robust infrastructure for hybrid app

9Impetus Proprietary

Recorded version available at http://www.impetus.com/webinar_registration?event=archived&eid=54

Best Practices in Hybrid AppImplementation Phase

Using single application codebase & native containers

Responsibility delegation between native/webResponsibility delegation between native/web

Enabling white labeling & internationalization

Bundling web assets in deployable build to boost performanceg p y p

Using encryption or secure HTTP channel

Monitoring workflows to check battery usage

Offline user experience & push support

10Impetus ProprietaryRecorded version available at 

http://www.impetus.com/webinar_registration?event=archived&eid=54

Best Practices in Hybrid AppDeployment & Post Deployment Phase

Certification

App Store readinessApp Store readiness

Separate versioning of native container & web view layer

Distribution via Appstorespp

Dynamic feature upgrade w/o changing of Binary

Support for remote monitoring

11Impetus ProprietaryRecorded version available at 

http://www.impetus.com/webinar_registration?event=archived&eid=54

Case Study: Work Force Management

Our Client Leaders in work force management solutions

K R iKey RequirementExtending successful enterprise app to mobile

Impetus SolutionImpetus SolutionHybrid application development for tablets

Single codebase to support iPad, Galaxy & Playbook

Web Assets embedded in the deployable binary

Native look & feel is achieved by using Java Scripts frameworks

Benefits • Reduced cost & time to market• Easy maintainability & extensibility

12Impetus Proprietary

y y y

Recorded version available at http://www.impetus.com/webinar_registration?event=archived&eid=54

Hybrid Application Development Maturity Model

13Impetus ProprietaryRecorded version available at 

http://www.impetus.com/webinar_registration?event=archived&eid=54

Impetus iMobilizer

14Impetus ProprietaryRecorded version available at 

http://www.impetus.com/webinar_registration?event=archived&eid=54

Summing up..

Imperative to extend web & enterprise apps to tablets & smartphonessmartphones

Hybrid app development approach is most optimalcost effective, maintainable and offers cross-platform compatibility

HTML5/ Java Scripts facilitates device native user experience

Bundling web assets in a deployable build enhances performancep

Hybrid Mobile Application Development Maturity Model encapsulates our best practices of the Hybrid approach and Instant Mobilizer

framework is the practical implementation of this model

15Impetus ProprietaryRecorded version available at 

http://www.impetus.com/webinar_registration?event=archived&eid=54

About Us

Strategic partners for software product engineering and R&D

Tho ght leaders in c tting edge technologiesThought leaders in cutting-edge technologies

Mature processes and practices that are methodical, yet flexible

Diverse domain expertiseDiverse domain expertise

Our Mobile R&D Labs offers end-to-end implementation of mobile solutions for all players in the wireless value chain

Recorded version available at http://www.impetus.com/webinar_registration?event=archived&eid=54

Questions

Please send in your questions

using the chat panel

Recorded version available at http://www.impetus.com/webinar_registration?event=archived&eid=54

Thank youFor more informationFor more information,

write to us at inquiry@impetus.com

Recorded version available at http://www.impetus.com/webinar_registration?event=archived&eid=54

Impetus Proprietary