SlideShare a Scribd company logo
HTML5 Web Apps vs.!
  Native Apps"

  Cimarron Buser       !                                          !               !                !        !   !Jonathan Stark!
  VP, Product Marketing!                                          !               !                !        !   !VP, Application Architecture!
  Apperian, Inc.!      !                                          !               !                !        !   !Mobiquity, Inc.!

  cbuser@apperian.com                                             !               !                !        !   !jstark@mobiquityinc.com!




                                                                                                       !!
                                                                                      !
The information and images contained in this document are of a proprietary and confidential nature.
The disclosure, duplication, use in whole, or use in part, of the document for any purposes other than
client evaluation without the written permission of Apperian, Inc. is strictly prohibited.




© Apperian, Inc. 2010. All Rights Reserved.!
                 2011.
Today’s Webinar
Twitter: #ApperianMobiquityWeb

Direct Messages: “Chat Box” in Webinar Session


Q&A At the End of the Presentation




                                                 Page!   2!
Best development
        approaches
HTML5 web apps vs.
        native apps




                      Page!   3!
Jonathan Stark
Mobiquity Vice President, Application Architecture




                                                     Page!   4!
About Mobiquity


                  Mobiquity is a professional
                  services firm working with the
                  global 2000 to design, build
                  and deploy enterprise-class
                  mobile solutions.
                  Clients uniquely benefit from the breadth !
                  and depth of our cross-disciplinary teams!

                  !  Strategists map out how mobile
                     technology can drive business innovation!

                  !  User experience designers create apps
                     that engage the user and promote the
                     brand


                  !  Development teams build integrated
                     business solutions that drive success!

                                                                 Page!   5!
Fragmentation




                Page!   6!
Platform Fragmentation



•  iOS!

•  Android (Froyo, Gingerbread, Honeycomb)!

•  BlackBerry!

•  Windows Phone 7!

•  webOS?!



                                              Page!   7!
Device Fragmentation



•  130+ Android handsets!

•  100+ tablets announced!

•  Sizes range from postage stamp to wall!

•  Screen resolution has become an issue!




                                             Page!   8!
Et Tu, Apple?


•    iPhone 2G!
•    iPhone 3G!
•    iPhone 3GS!
•    iPhone 4!
•    iPhone 4S!

•    iPod Touch 1st gen!
•    iPod Touch 2nd gen!
•    iPod Touch 3rd gen!
•    iPod Touch 4th gen!
•    iPad!
•    iPad 2!


                           Page!   9!
Et Tu, Apple?


•    Camera or not?!
•    Multitasking or not?!
•    3G or not?!
•    GPS or not?!
•    Gyro or not?!

•    Screen size!
•    Pixel density!
•    Storage capacity!
•    Memory limit!
•    Processor speed!



                             Page! 10!
Development Options



•  Native apps!

•  Web apps!

•  Hybrid apps!




                      Page! 11!
Native Apps



•  Highest level of polish!

•  Difficult to keep xplat code in sync!

•  Expensive and difficult to hire talent!

•  Distributed through public app store or private
  app catalog!



                                                     Page! 12!
Web Apps



•  Reaches largest market!

•  Single codebase!

•  Distributed on the Web!

•  Can’t access device hardware!




                                   Page! 13!
Hybrid Apps



•  Bundle Web resources in a native wrapper!

•  Access network resources with Ajax!

•  Progressive enhancement applies!

•  Distribute through public app store or private
  app catalog!



                                                    Page! 14!
PhoneGap




           Page! 15!
PhoneGap



 •  Open source!

 •  Created by @Nitobi!

 •  Native app wrapper!

 •  Multiple platforms!




                          Page! 16!
Page! 17!
build.phonegap.com



                     Page! 18!
If you can build your app with HTML, CSS,
and JavaScript, then you probably should.




                                            Page! 19!
Deploying and
     managing
enterprise apps




                  Page! 20!
Cimarron Buser
Apperian Vice President, Product Marketing




                                             Page! 21!
About Apperian

Privately held, backed by top-tier venture firms               Award winning product



                                                                                       Company to Watch




                                                                                 2011 Product Finalist




  Experienced Executive Team                       Rapidly Expanding Customer Base




                                                                                                  Page! 22!
Deploying and Managing Enterprise Apps



   !  Deciding what goes mobile
   !  The business to employee challenge
   !  Case Studies for Sales & Marketing




                                           Page! 23!
Deciding what goes mobile




                            Page! 24!
What Enterprise B2E Apps are being built Today?


 Combination of “Horizontal” and “Vertical” Apps




Sales Growth          Productivity        Service Delivery


                                                       Page! 25!
What Enterprise B2E Apps are being built Today?




                            Configurators!
                            Sales Wizards!
                           Product Demos!
                             Pricing Tools!
                          Order Placement!
                                 CRM!
  Sales Growth         Sales Call Management!


                                                  Page! 26!
What Enterprise B2E Apps are being built Today?




                        Corporate Directory!
                        Process Digitization!
                     Measurement & Reporting!
                     Engineering & Testing Tools!
                          Training Delivery!
                      Knowledge Management!
   Productivity


                                                    Page! 27!
What Enterprise B2E Apps are being built Today?




                      Business to Business Apps!
                    Service at the Point of Contact!
                       API/SDKs/Web Services!
                           Self Service CRM!


 Service Delivery


                                                   Page! 28!
The business-to-employee challenge




                                     Page! 29!
The Business to Employee Challenge

        Users
Why can t you                                 IT
make business
                                     How do I
apps like this?
                                   deploy and                                  Dev
                                      manage                             Where do
                                        Apps?                              I start?




•    Consumerization of IT
                                   •    Need a solution now!
•    Single personal/work device
                                   •    Security is still #1
•    Increased mobility                                                   •    Need starter apps
                                   •    Mobilize workforce with
                                        minimum support cost              •    Little “Apple” or
                                                                               “Android” experience
                                   •    Need ability to create “secure
                                        apps” and get reporting           •    Mobile SDKs not built
                                                                               for enterprise

                                                                                                  Page! 30!
Public “Stores” vs Private “App Catalogs”




iTunes App Store or Google Market
   !    Consumer app focus
   !    Apps and updates are “optional”
   !    iTunes or Gmail account based

vs. “App Catalog” approach
   !    Enterprise “in-house” app focus
   !    Apps and updates “mandatory”
   !    Corporate directory authenticated


                                              Page! 31!
                                              Page!
Mobile Application Management Approach

                             Application Lifecycle

          Create                       Deploy                      Manage




        Developers                     IT Staff               IT & Business Staff

!  Beta testing                 !  Configuration           !  Management dashboards
!  Version rollouts             !  App provisioning &      !  App Catalog for users
                                   decommissioning
!  Feedback to developers                                  !  Reporting & Tracking
   from users                   !  User management
                                                           !  Application ratings
!  “Enterprise” extensions      !  Help desk integration
   required



                                                                                    Page! 32!
Thank you!




             Page! 36!

More Related Content

PDF
Building & Managing The Lifecycle of Mobile Apps For The Enterprise
PDF
4 Steps To Creating A Mobile Strategy
PDF
Mobile Design. Strategic Solutions.
PDF
4 steps to creating a mobile development strategy - White Paper - Appcelerator
PDF
HTML5 for Mobile - When and Why
 
PDF
5 Starting Apps for Your Business and How to Roll Them Out
PDF
iPhone - Human Interface Guidelines
PDF
iPad Apps for the Enterprise
Building & Managing The Lifecycle of Mobile Apps For The Enterprise
4 Steps To Creating A Mobile Strategy
Mobile Design. Strategic Solutions.
4 steps to creating a mobile development strategy - White Paper - Appcelerator
HTML5 for Mobile - When and Why
 
5 Starting Apps for Your Business and How to Roll Them Out
iPhone - Human Interface Guidelines
iPad Apps for the Enterprise

What's hot (19)

PDF
The Key to Mobile Success: Know Your User
PPTX
Mobile Application Development: Hybrid, Native and Mobile Web Apps
PPTX
Cyber lobe Technologies- Mobile technologies, iPhone/iPad App
PDF
PC Today
PDF
Joshi Inc Corporate Profile
PDF
Mobile Means Business
PPTX
Mobile applications chapter 5
PDF
How to market your app
PDF
Mobile for B2B: Native or Web?
PDF
Your Mobile Strategy Can't Be HTML5
PPTX
Codestrong 2012 breakout session mobile platform and infrastructure
PPTX
The Business of Apps
PPTX
Responsive Email Design
PDF
N1 how to guide: use iphone apps for business
PDF
Dnx Mobile Marketing Golden Rules
PDF
The Dangers of the Wrong Mobile Strategy
PDF
Making a More Powerful Point
PDF
Mobile First by Sparks Grove
PDF
Mobile Web vs. Native apps
The Key to Mobile Success: Know Your User
Mobile Application Development: Hybrid, Native and Mobile Web Apps
Cyber lobe Technologies- Mobile technologies, iPhone/iPad App
PC Today
Joshi Inc Corporate Profile
Mobile Means Business
Mobile applications chapter 5
How to market your app
Mobile for B2B: Native or Web?
Your Mobile Strategy Can't Be HTML5
Codestrong 2012 breakout session mobile platform and infrastructure
The Business of Apps
Responsive Email Design
N1 how to guide: use iphone apps for business
Dnx Mobile Marketing Golden Rules
The Dangers of the Wrong Mobile Strategy
Making a More Powerful Point
Mobile First by Sparks Grove
Mobile Web vs. Native apps
Ad

Viewers also liked (7)

PDF
Ui Application delegate
KEY
Life cycle of iPhone application
PDF
Apple url scheme reference
PDF
Android Application Development at JFokus 2011
PPTX
iOS Application Lifecycle
PDF
Learn BEM: CSS Naming Convention
PDF
SEO: Getting Personal
Ui Application delegate
Life cycle of iPhone application
Apple url scheme reference
Android Application Development at JFokus 2011
iOS Application Lifecycle
Learn BEM: CSS Naming Convention
SEO: Getting Personal
Ad

Similar to Html5 web apps vs nativeapps (20)

PDF
TkXel Mobile Overview
PPT
Hybrid Mobile App Development | Hire Application Developers | Application Dev...
PDF
HTML5 vs. Native Apps: Demystifying the Decision Making Process
PDF
Salesforce.com Partner Meetup - New York -10/18/12
KEY
Mobile Apps - Where's the beef
PDF
Tackling Enterprise App Development with Ionic
PDF
Top 10 Companies offering React Native App Development Services in the USA
PPTX
Deck_Vincent Ryan
PPTX
Macworld ac july29-pc
PDF
Binary Semantics Limited Corporate Overview
PPTX
Enterprise Mobility @ Neev
PDF
What is the Cost Estimated for Architecting a Video Conferencing App?
PDF
Grameen Solutions Application Development Featured Projects 2009 11 15
PDF
Corporate innovation - Building an MVP
PDF
Mobile apps analytics by Futurice
PDF
MYZEAL IT Solutions-Offshore Mobile Apps Development Company India
PPTX
Softwell serviços 15102012
PDF
The New Workplace: Unleashing The Power Of Enterprise Mobility
PDF
Mobile App development for Large Companies- presented at Appsterdam wwll
PDF
Leverage web technology in a mobile world
TkXel Mobile Overview
Hybrid Mobile App Development | Hire Application Developers | Application Dev...
HTML5 vs. Native Apps: Demystifying the Decision Making Process
Salesforce.com Partner Meetup - New York -10/18/12
Mobile Apps - Where's the beef
Tackling Enterprise App Development with Ionic
Top 10 Companies offering React Native App Development Services in the USA
Deck_Vincent Ryan
Macworld ac july29-pc
Binary Semantics Limited Corporate Overview
Enterprise Mobility @ Neev
What is the Cost Estimated for Architecting a Video Conferencing App?
Grameen Solutions Application Development Featured Projects 2009 11 15
Corporate innovation - Building an MVP
Mobile apps analytics by Futurice
MYZEAL IT Solutions-Offshore Mobile Apps Development Company India
Softwell serviços 15102012
The New Workplace: Unleashing The Power Of Enterprise Mobility
Mobile App development for Large Companies- presented at Appsterdam wwll
Leverage web technology in a mobile world

Recently uploaded (20)

PDF
Encapsulation theory and applications.pdf
DOCX
The AUB Centre for AI in Media Proposal.docx
PPTX
PA Analog/Digital System: The Backbone of Modern Surveillance and Communication
PDF
Empathic Computing: Creating Shared Understanding
PDF
Machine learning based COVID-19 study performance prediction
PDF
Per capita expenditure prediction using model stacking based on satellite ima...
PDF
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
PPTX
MYSQL Presentation for SQL database connectivity
PPTX
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
PDF
Encapsulation_ Review paper, used for researhc scholars
PDF
Agricultural_Statistics_at_a_Glance_2022_0.pdf
PDF
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
PDF
CIFDAQ's Market Insight: SEC Turns Pro Crypto
PDF
Mobile App Security Testing_ A Comprehensive Guide.pdf
PDF
Advanced methodologies resolving dimensionality complications for autism neur...
PPTX
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
PPTX
Understanding_Digital_Forensics_Presentation.pptx
PPTX
Cloud computing and distributed systems.
PDF
Dropbox Q2 2025 Financial Results & Investor Presentation
PPTX
A Presentation on Artificial Intelligence
Encapsulation theory and applications.pdf
The AUB Centre for AI in Media Proposal.docx
PA Analog/Digital System: The Backbone of Modern Surveillance and Communication
Empathic Computing: Creating Shared Understanding
Machine learning based COVID-19 study performance prediction
Per capita expenditure prediction using model stacking based on satellite ima...
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
MYSQL Presentation for SQL database connectivity
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
Encapsulation_ Review paper, used for researhc scholars
Agricultural_Statistics_at_a_Glance_2022_0.pdf
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
CIFDAQ's Market Insight: SEC Turns Pro Crypto
Mobile App Security Testing_ A Comprehensive Guide.pdf
Advanced methodologies resolving dimensionality complications for autism neur...
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
Understanding_Digital_Forensics_Presentation.pptx
Cloud computing and distributed systems.
Dropbox Q2 2025 Financial Results & Investor Presentation
A Presentation on Artificial Intelligence

Html5 web apps vs nativeapps

  • 1. HTML5 Web Apps vs.! Native Apps" Cimarron Buser ! ! ! ! ! !Jonathan Stark! VP, Product Marketing! ! ! ! ! !VP, Application Architecture! Apperian, Inc.! ! ! ! ! ! !Mobiquity, Inc.! cbuser@apperian.com ! ! ! ! !jstark@mobiquityinc.com! !! ! The information and images contained in this document are of a proprietary and confidential nature. The disclosure, duplication, use in whole, or use in part, of the document for any purposes other than client evaluation without the written permission of Apperian, Inc. is strictly prohibited. © Apperian, Inc. 2010. All Rights Reserved.! 2011.
  • 2. Today’s Webinar Twitter: #ApperianMobiquityWeb Direct Messages: “Chat Box” in Webinar Session Q&A At the End of the Presentation Page! 2!
  • 3. Best development approaches HTML5 web apps vs. native apps Page! 3!
  • 4. Jonathan Stark Mobiquity Vice President, Application Architecture Page! 4!
  • 5. About Mobiquity Mobiquity is a professional services firm working with the global 2000 to design, build and deploy enterprise-class mobile solutions. Clients uniquely benefit from the breadth ! and depth of our cross-disciplinary teams! !  Strategists map out how mobile technology can drive business innovation! !  User experience designers create apps that engage the user and promote the brand
 !  Development teams build integrated business solutions that drive success! Page! 5!
  • 6. Fragmentation Page! 6!
  • 7. Platform Fragmentation •  iOS! •  Android (Froyo, Gingerbread, Honeycomb)! •  BlackBerry! •  Windows Phone 7! •  webOS?! Page! 7!
  • 8. Device Fragmentation •  130+ Android handsets! •  100+ tablets announced! •  Sizes range from postage stamp to wall! •  Screen resolution has become an issue! Page! 8!
  • 9. Et Tu, Apple? •  iPhone 2G! •  iPhone 3G! •  iPhone 3GS! •  iPhone 4! •  iPhone 4S! •  iPod Touch 1st gen! •  iPod Touch 2nd gen! •  iPod Touch 3rd gen! •  iPod Touch 4th gen! •  iPad! •  iPad 2! Page! 9!
  • 10. Et Tu, Apple? •  Camera or not?! •  Multitasking or not?! •  3G or not?! •  GPS or not?! •  Gyro or not?! •  Screen size! •  Pixel density! •  Storage capacity! •  Memory limit! •  Processor speed! Page! 10!
  • 11. Development Options •  Native apps! •  Web apps! •  Hybrid apps! Page! 11!
  • 12. Native Apps •  Highest level of polish! •  Difficult to keep xplat code in sync! •  Expensive and difficult to hire talent! •  Distributed through public app store or private app catalog! Page! 12!
  • 13. Web Apps •  Reaches largest market! •  Single codebase! •  Distributed on the Web! •  Can’t access device hardware! Page! 13!
  • 14. Hybrid Apps •  Bundle Web resources in a native wrapper! •  Access network resources with Ajax! •  Progressive enhancement applies! •  Distribute through public app store or private app catalog! Page! 14!
  • 15. PhoneGap Page! 15!
  • 16. PhoneGap •  Open source! •  Created by @Nitobi! •  Native app wrapper! •  Multiple platforms! Page! 16!
  • 18. build.phonegap.com Page! 18!
  • 19. If you can build your app with HTML, CSS, and JavaScript, then you probably should. Page! 19!
  • 20. Deploying and managing enterprise apps Page! 20!
  • 21. Cimarron Buser Apperian Vice President, Product Marketing Page! 21!
  • 22. About Apperian Privately held, backed by top-tier venture firms Award winning product Company to Watch 2011 Product Finalist Experienced Executive Team Rapidly Expanding Customer Base Page! 22!
  • 23. Deploying and Managing Enterprise Apps !  Deciding what goes mobile !  The business to employee challenge !  Case Studies for Sales & Marketing Page! 23!
  • 24. Deciding what goes mobile Page! 24!
  • 25. What Enterprise B2E Apps are being built Today? Combination of “Horizontal” and “Vertical” Apps Sales Growth Productivity Service Delivery Page! 25!
  • 26. What Enterprise B2E Apps are being built Today? Configurators! Sales Wizards! Product Demos! Pricing Tools! Order Placement! CRM! Sales Growth Sales Call Management! Page! 26!
  • 27. What Enterprise B2E Apps are being built Today? Corporate Directory! Process Digitization! Measurement & Reporting! Engineering & Testing Tools! Training Delivery! Knowledge Management! Productivity Page! 27!
  • 28. What Enterprise B2E Apps are being built Today? Business to Business Apps! Service at the Point of Contact! API/SDKs/Web Services! Self Service CRM! Service Delivery Page! 28!
  • 30. The Business to Employee Challenge Users Why can t you IT make business How do I apps like this? deploy and Dev manage Where do Apps? I start? •  Consumerization of IT •  Need a solution now! •  Single personal/work device •  Security is still #1 •  Increased mobility •  Need starter apps •  Mobilize workforce with minimum support cost •  Little “Apple” or “Android” experience •  Need ability to create “secure apps” and get reporting •  Mobile SDKs not built for enterprise Page! 30!
  • 31. Public “Stores” vs Private “App Catalogs” iTunes App Store or Google Market !  Consumer app focus !  Apps and updates are “optional” !  iTunes or Gmail account based vs. “App Catalog” approach !  Enterprise “in-house” app focus !  Apps and updates “mandatory” !  Corporate directory authenticated Page! 31! Page!
  • 32. Mobile Application Management Approach Application Lifecycle Create Deploy Manage Developers IT Staff IT & Business Staff !  Beta testing !  Configuration !  Management dashboards !  Version rollouts !  App provisioning & !  App Catalog for users decommissioning !  Feedback to developers !  Reporting & Tracking from users !  User management !  Application ratings !  “Enterprise” extensions !  Help desk integration required Page! 32!
  • 33. Thank you! Page! 36!