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!

Html5 web apps vs nativeapps

  • 1.
    HTML5 Web Appsvs.! 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 DirectMessages: “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 VicePresident, 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.
  • 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 •  Nativeapps! •  Web apps! •  Hybrid apps! Page! 11!
  • 12.
    Native Apps •  Highestlevel 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 •  Reacheslargest market! •  Single codebase! •  Distributed on the Web! •  Can’t access device hardware! Page! 13!
  • 14.
    Hybrid Apps •  BundleWeb 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 •  Opensource! •  Created by @Nitobi! •  Native app wrapper! •  Multiple platforms! Page! 16!
  • 17.
  • 18.
  • 19.
    If you canbuild 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 VicePresident, 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 ManagingEnterprise Apps !  Deciding what goes mobile !  The business to employee challenge !  Case Studies for Sales & Marketing Page! 23!
  • 24.
    Deciding what goesmobile Page! 24!
  • 25.
    What Enterprise B2EApps are being built Today? Combination of “Horizontal” and “Vertical” Apps Sales Growth Productivity Service Delivery Page! 25!
  • 26.
    What Enterprise B2EApps are being built Today? Configurators! Sales Wizards! Product Demos! Pricing Tools! Order Placement! CRM! Sales Growth Sales Call Management! Page! 26!
  • 27.
    What Enterprise B2EApps are being built Today? Corporate Directory! Process Digitization! Measurement & Reporting! Engineering & Testing Tools! Training Delivery! Knowledge Management! Productivity Page! 27!
  • 28.
    What Enterprise B2EApps 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!
  • 29.
  • 30.
    The Business toEmployee 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” vsPrivate “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 ManagementApproach 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!