This document discusses hybrid mobile application development. It describes the hybrid approach as using a native mobile application container with embedded web technologies. This allows leveraging existing web assets while providing a native user experience. The document outlines challenges in mobile development and compares different approaches. It provides a case study of how Facebook used hybrid development and discusses best practices. These include design considerations, implementation techniques, and maturity models to optimize hybrid apps.
Hybrid Approach to extend your Web Apps to Tablets & Smartphones- Impetus Webinar
1. Hybrid Approach to Extend your Web
Apps to Tablets & Smartphones
@impetuscalling
Recorded version available at
Recorded version available at
http://www.impetus.com/webinar_registration?event=archived&eid=54
Impetus Proprietary
2. Outline
Mobility Challenges
Mobility Development
Mobilit De elopment Approaches
Hybrid Approach
Facebook Case Study
y
Complexities in Hybrid Approach
Best Practices in Hybrid App
Hybrid Application Development Maturity Model
Instant Mobilizer
Recorded version available at
Impetus Proprietary http://www.impetus.com/webinar_registration?event=archived&eid=54 2
3. Mobility Challenges
Diversity in mobile platforms
Different device form factors
de ice
Data synchronization between client and server
Network bandwidth & latency
High development & maintenance cost
Time to market
Testing ubiquity
Recorded version available at
Impetus Proprietary http://www.impetus.com/webinar_registration?event=archived&eid=54 3
4. Mobility Development Approaches
Thin Client
Written using web technologies
Code executed by browser, not by the OS
Various launch mechanisms
Thick Client
Binary ‘executable image’ on the mobile device
Distributed through popular app store or via
an enterprise distribution mechanism
Executed directly by the operating system
Uses operating-system APIs
Hybrid
Native app with embedded HTML
Selected portions written using web technologies
Recorded version available at
Impetus Proprietary http://www.impetus.com/webinar_registration?event=archived&eid=54 4
5. Hybrid Approach - Solution Overview
Seamless integration with native applications
Leverages e isting eb
Le erages existing web presence
Recorded version available at
Impetus Proprietary http://www.impetus.com/webinar_registration?event=archived&eid=54
6. Comparing Web, Native & Hybrid Approach
Attribute 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
7. How Facebook Leveraged Hybrid Approach?
Rapidly changing mobile technology
Writing same functionality multiple times is passé
f nctionalit m ltiple
Web - Write once, run anywhere
Progressive enhancement
New Opportunity - HTML5
Important considerations
Web v/s Native
Speed
WURFL
Heading to HTML5…
Recorded version available at
Impetus Proprietary http://www.impetus.com/webinar_registration?event=archived&eid=54 7
8. Complexities in Hybrid Approach
Markup (XHTMLMP to HTML5)
Browser
Bro ser capabilities
Device form-factor
Usability and user experience
Performance bottlenecks
Leveraging device capabilities
Security (java script / web content)
Versioning of hybrid app
Recorded version available at
Impetus Proprietary http://www.impetus.com/webinar_registration?event=archived&eid=54 8
9. Best Practices in Hybrid App
Design Phase
Feature analysis
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
Recorded version available at
Impetus Proprietary http://www.impetus.com/webinar_registration?event=archived&eid=54 9
10. Best Practices in Hybrid App
Implementation Phase
Using single application codebase & native containers
Responsibility delegation between native/web
Enabling white labeling & internationalization
Bundling web assets in deployable build to boost p
g p y performance
Using encryption or secure HTTP channel
Monitoring workflows to check battery usage
Offline user experience & push support
Recorded version available at
Impetus Proprietary 10
http://www.impetus.com/webinar_registration?event=archived&eid=54
11. Best Practices in Hybrid App
Deployment & Post Deployment Phase
Certification
App Store readiness
Separate versioning of native container & web view layer
Distribution via Appstores
pp
Dynamic feature upgrade w/o changing of Binary
Support for remote monitoring
Recorded version available at
Impetus Proprietary http://www.impetus.com/webinar_registration?event=archived&eid=54 11
12. Case Study: Work Force Management
Our Client
Leaders in work force management solutions
Key Requirement
K R i
Extending successful enterprise app to mobile
Impetus Solution
Hybrid 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
y y y
Recorded version available at
Impetus Proprietary http://www.impetus.com/webinar_registration?event=archived&eid=54 12
13. Hybrid Application Development
Maturity Model
Recorded version available at
Impetus Proprietary http://www.impetus.com/webinar_registration?event=archived&eid=54 13
14. Impetus iMobilizer
Recorded version available at
Impetus Proprietary http://www.impetus.com/webinar_registration?event=archived&eid=54 14
15. Summing up..
Imperative to extend web & enterprise apps to tablets &
smartphones
Hybrid app development approach is most optimal
cost effective, maintainable and offers cross-platform compatibility
HTML5/ Java Scripts facilitates device native user experience
Bundling web assets in a deployable build enhances
p
performance
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
Recorded version available at
Impetus Proprietary http://www.impetus.com/webinar_registration?event=archived&eid=54 15
16. About Us
Strategic partners for software product engineering and R&D
Thought
Tho ght leaders in cutting-edge technologies
c tting edge
Mature processes and practices that are methodical, yet flexible
Diverse 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
17. Questions
Please send in your questions
using the chat panel
Recorded version available at
http://www.impetus.com/webinar_registration?event=archived&eid=54
18. Thank you
For more information
information,
write to us at inquiry@impetus.com
Recorded version available at
http://www.impetus.com/webinar_registration?event=archived&eid=54
Impetus Proprietary