SlideShare a Scribd company logo
1 of 21
YOUR PATH TO MOBILE
Eileen Boerger     DEVELOPMENT DILEMMA :
     President
October 31, 2012
                   WEB, NATIVE, OR HYBRID?
WHY MOBILE?



  There are 5.9 billion mobile
 subscribers - 87% of the world
 population (ITU)
  600 million new smartphones will be
 shipped in 2012 (Morgan Stanley)
 Over 1 billion feature (non-smart)
 phones will be shipped in 2012 (IDC)
  In 2012, mobile device usage
 eclipsed desktop usage




                                        5
MOBILE USAGE IS MORE THAN JUST PHONE CALLS

                                             94
                                             %




  Accessing websites
  Using mobile apps
  Interface to enterprise applications
  Playing Games
  Watching Videos
  Reading the news & other media
  content




                                             6
DEFINITIONS
WEB, NATIVE, OR HYBRID MOBILE APP?
KEY PLANNING CONSIDERATIONS
 Planning Area                              Key Considerations
Purpose of mobile app o Standalone, interface to enterprise app?
                      o Target market?
                      o Time to market?
Mobile user and         o   Who are the targeted users?
functional              o   What functionality do you want to provide?
requirements            o   Need for device-specific features (camera, GPS,…)?
                        o   Online, offline access?
Data access             o What are the data requirements of the mobile app?
                        o Data on mobile device, in cloud, hybrid …?
Mobile platforms to     o Smartphones, Tablets, …?
support                 o iOS, Android, Windows Mobile, …?
Security                o How will authentication and authorization work?
                        o Single-user devices or multi-user devices?
Distribution and        o App store, internet, …?
Monetization            o Free, one-time fee, transaction-based fee, …?
KEY DESIGN CONSIDERATIONS

    Design Area                         Key Considerations
Device types          o   Screen size and resolution (DPI)
                      o   CPU performance, memory and storage space
                      o   Development tools
                      o   Special needs (GPS or camera, for example)
Network constraints   o Occasional connections and/or low bandwidth
                      o Choose protocols based on speed and power consumption
UI design             o Delightful user experience
                      o Different screen sizes of devices
                      o Security - access, authentication
Architecture          o Web app or native app or hybrid
                      o Multi-layered architecture
Device constraints    o Battery life, memory size, processor speed
WEB APP VS. NATIVE APP VS. HYBRID

          Web App                          Hybrid App                 Native App

                                           Manageable
                Server                     and Rich UX                         Unique
              Processing                                                     Distribution
                              Easy                        Geo-location
  No Video                 Distribution                                        Limited Reach
                                                            OS
 Little OS                     Extensive                                          Browser-Free
                                                        Integration
Integration                     Reach
                                                                                     Zero
                                                          Camera
                              High                                                 Portability
   No Camera
                            Portability
                                                             Video
              Online Mode                                                Offline Mode
                                           Online and
                                            Offline
WEB APP - PROS AND CONS
NATIVE APP – PROS AND CONS
HYBRID APP – PROS AND CONS
Architectural Choices
     TIME TO CROSS ALL PLATFORMS




                                                             Gartner, 2012




15    “Beyond the Wireless Tether” - Gartner Catalyst 2012
HTML5 FEATURES

HTML5 Feature        iOS     Android   Chrome Blackberry Windows
                    Safari   Browser           Browser Phone IE
Geo-location
Canvas
Audio
Video
Touch Events
Cache
Web Storage
Web Sockets
Server-Sent
CSS Transition
Web Notifications
BEST USES FOR EACH MOBILE APP TYPE

  Mobile App Type                Recommended Best Uses
 Web App            o Business-focused apps that do not need to access mobile
                      device features, e.g., camera
                    o General non-game apps (consumer)
                    o Initial mobile offering
 Native App         o Apps that require a highly-graphic interface or rich user
                      experience
                    o Apps that require use of mobile device features, e.g.,
                      camera
                    o Games
 Hybrid App         o Apps that require a moderate graphic interface
                    o Apps that require use of mobile device features, e.g.,
                      camera
CASE STUDY
CASE STUDY – RETAIL NATIVE APP
CASE STUDY - DEVELOPMENT CHALLENGES
         Challenge                                    Key Considerations
Development technology          o   Chose to work with SDKs of native OS platforms
choice                          o   Multi-threading not available at the time on framework client wanted
o Framework vs Native OS            to use
Device memory constraints       o   Chose to work with SDKs of native OS platforms
                                o   Multi-threading not available at the time on framework client wanted
                                    to use
Multiple platform development   o   Chose to work with SDKs of native OS platforms
o iOS Android                   o   Multi-threading not available at the time on framework client wanted
o SmartPhones, Tablets              to use
SmartPhone vs Tablet form       o   Look and feel tailored to each form factor (what works on Tablet
factor                              may not be suitable for SmartPhone)
Internationalization/           o   Look and feel, language support, forms of addresses, …
Localization
On-going support of mobile      o   Keeping up with updates to OS versions
apps                            o   Compatibility testing
CASE STUDY – MOBILE CLIENT

                       Select     Edit
                       images   Images




                Shopping Cart Flow
SUMMARY: WEB, NATIVE, OR HYBRID
Presented by:


             THANK YOU                                         Eileen Boerger
                                                               eboerger@corsource.com




        CorSource Technology provides consulting, software     www.CorSource.com
 development services and technical staffing that businesses
need to succeed in the fast-moving, highly competitive world
of software development and IT. CorSource provides services
                 to SMBs and ISVs nationwide. Learn more at
  www.corsource.com, and follow us on Twitter: @corsource.

More Related Content

Featured

PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024Neil Kimberley
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)contently
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024Albert Qian
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsKurio // The Social Media Age(ncy)
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Search Engine Journal
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summarySpeakerHub
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next Tessa Mero
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentLily Ray
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best PracticesVit Horky
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project managementMindGenius
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...RachelPearson36
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Applitools
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at WorkGetSmarter
 
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...DevGAMM Conference
 

Featured (20)

Skeleton Culture Code
Skeleton Culture CodeSkeleton Culture Code
Skeleton Culture Code
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work
 
ChatGPT webinar slides
ChatGPT webinar slidesChatGPT webinar slides
ChatGPT webinar slides
 
More than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike RoutesMore than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike Routes
 
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
 

E boerger web-hybrid_mobile_10-31-2012_slideshare

  • 1. YOUR PATH TO MOBILE Eileen Boerger DEVELOPMENT DILEMMA : President October 31, 2012 WEB, NATIVE, OR HYBRID?
  • 2. WHY MOBILE? There are 5.9 billion mobile subscribers - 87% of the world population (ITU) 600 million new smartphones will be shipped in 2012 (Morgan Stanley) Over 1 billion feature (non-smart) phones will be shipped in 2012 (IDC) In 2012, mobile device usage eclipsed desktop usage 5
  • 3. MOBILE USAGE IS MORE THAN JUST PHONE CALLS 94 % Accessing websites Using mobile apps Interface to enterprise applications Playing Games Watching Videos Reading the news & other media content 6
  • 5. WEB, NATIVE, OR HYBRID MOBILE APP?
  • 6. KEY PLANNING CONSIDERATIONS Planning Area Key Considerations Purpose of mobile app o Standalone, interface to enterprise app? o Target market? o Time to market? Mobile user and o Who are the targeted users? functional o What functionality do you want to provide? requirements o Need for device-specific features (camera, GPS,…)? o Online, offline access? Data access o What are the data requirements of the mobile app? o Data on mobile device, in cloud, hybrid …? Mobile platforms to o Smartphones, Tablets, …? support o iOS, Android, Windows Mobile, …? Security o How will authentication and authorization work? o Single-user devices or multi-user devices? Distribution and o App store, internet, …? Monetization o Free, one-time fee, transaction-based fee, …?
  • 7. KEY DESIGN CONSIDERATIONS Design Area Key Considerations Device types o Screen size and resolution (DPI) o CPU performance, memory and storage space o Development tools o Special needs (GPS or camera, for example) Network constraints o Occasional connections and/or low bandwidth o Choose protocols based on speed and power consumption UI design o Delightful user experience o Different screen sizes of devices o Security - access, authentication Architecture o Web app or native app or hybrid o Multi-layered architecture Device constraints o Battery life, memory size, processor speed
  • 8. WEB APP VS. NATIVE APP VS. HYBRID Web App Hybrid App Native App Manageable Server and Rich UX Unique Processing Distribution Easy Geo-location No Video Distribution Limited Reach OS Little OS Extensive Browser-Free Integration Integration Reach Zero Camera High Portability No Camera Portability Video Online Mode Offline Mode Online and Offline
  • 9. WEB APP - PROS AND CONS
  • 10. NATIVE APP – PROS AND CONS
  • 11. HYBRID APP – PROS AND CONS
  • 12. Architectural Choices TIME TO CROSS ALL PLATFORMS Gartner, 2012 15 “Beyond the Wireless Tether” - Gartner Catalyst 2012
  • 13. HTML5 FEATURES HTML5 Feature iOS Android Chrome Blackberry Windows Safari Browser Browser Phone IE Geo-location Canvas Audio Video Touch Events Cache Web Storage Web Sockets Server-Sent CSS Transition Web Notifications
  • 14. BEST USES FOR EACH MOBILE APP TYPE Mobile App Type Recommended Best Uses Web App o Business-focused apps that do not need to access mobile device features, e.g., camera o General non-game apps (consumer) o Initial mobile offering Native App o Apps that require a highly-graphic interface or rich user experience o Apps that require use of mobile device features, e.g., camera o Games Hybrid App o Apps that require a moderate graphic interface o Apps that require use of mobile device features, e.g., camera
  • 16. CASE STUDY – RETAIL NATIVE APP
  • 17. CASE STUDY - DEVELOPMENT CHALLENGES Challenge Key Considerations Development technology o Chose to work with SDKs of native OS platforms choice o Multi-threading not available at the time on framework client wanted o Framework vs Native OS to use Device memory constraints o Chose to work with SDKs of native OS platforms o Multi-threading not available at the time on framework client wanted to use Multiple platform development o Chose to work with SDKs of native OS platforms o iOS Android o Multi-threading not available at the time on framework client wanted o SmartPhones, Tablets to use SmartPhone vs Tablet form o Look and feel tailored to each form factor (what works on Tablet factor may not be suitable for SmartPhone) Internationalization/ o Look and feel, language support, forms of addresses, … Localization On-going support of mobile o Keeping up with updates to OS versions apps o Compatibility testing
  • 18. CASE STUDY – MOBILE CLIENT Select Edit images Images Shopping Cart Flow
  • 20.
  • 21. Presented by: THANK YOU Eileen Boerger eboerger@corsource.com CorSource Technology provides consulting, software www.CorSource.com development services and technical staffing that businesses need to succeed in the fast-moving, highly competitive world of software development and IT. CorSource provides services to SMBs and ISVs nationwide. Learn more at www.corsource.com, and follow us on Twitter: @corsource.