SlideShare a Scribd company logo
1 of 41
Download to read offline
Native
                  vs
            Web
                  vs
        Hybrid
Mobile Development Choices

Jason Grigsby • Where 2.0 2010
 @grigs on Twitter • jason@cloudfour.com
 cloudfour.com/blog • mobileportand.com
Surprise Story of 2008




Flickr photo by Drift Words: http://www.flickr.com/photos/44124413076@N01/11846265/
Flickr photo by Civisi: http://www.flickr.com/photos/civisi/2611679744/




      Web 2.0                                            iPhone App Store
 Web-based Apps                                             Native Apps
Services & Mashups                                     Few APIs between apps
Software as Service                                     No Recurring Revenue
 Cloud Computing                                           Local Storage
What makes the App Store successful?
                       Carriers                App Store

                                            Open to anyone
  Openness      Closed, Seek permission
                                          who signs agreement

  Entry Cost     Thousands of dollars              $99


Revenue Split       60/40 to 50/50                70/30


 Restrictions            Many                     Few


  Releases          Difficult, Timely          1 to 2 weeks


Micropayments        Inconsistent         iTunes for every phone
76 million
http://blog.wired.com/gadgets/2009/02/shoot-is-iphone.html#c148364123
                                                                                               devices

                                                                                               175,000
http://www.newsweek.com/id/174266
                                                                                                apps

                                                                                               3 billion
http://businessweek.com/@@0M43kIYQYKPISw0A/technology/content/sep2008/tc20080930_257832.htm   downloads
Gold Rush was On
Ringtone Apps




FYI: It shipped at $2.99. Then Justin sold his iPhone business.

                      http://twitter.com/justin/status/1210786170
                      http://furbo.org/2008/12/09/ring-tone-apps/
                       http://furbo.org/2009/02/16/raising-prices/
Throwaway Apps




http://www.pinchmedia.com/appstore-secrets/
More Open ≠ No Gatekeeper




    96%
    Approved
   (what about that 4%?)
4.6
                                         Billion
                                           Mobile phone for
                                           >1/2 the planet.




Flickr photo by Pingnews: http://www.flickr.com/photos/pingnews/370061022/
4.6 Billion in Perspective




Source: http://communities-dominate.blogs.com/brands/2007/01/putting_27_bill.html
   http://communities-dominate.blogs.com/brands/2008/01/when-there-is-a.html
iPhone Only Part of World Wide Market
  Symbian         RIM              iPhone          Windows Mobile       Linux
  Android         WebOS
                                                                         90000

 80878

                                                                        67500



                                                                        45000

         34346

                  24889                                             22500
                            15027
                                       8126
                                                  6798              0
                                                             1112
         2009 Smartphone Sales — Thousands of Units
                 http://www.gartner.com/it/page.jsp?id=1306513
iPhone Only Part of US Market — Jan 2010

   Platform                 Market Share                   Point Change
                                                          (compared to Oct 09)

     RIM                          43.0%                             1.7

    Apple                         25.1%                             0.3

   Microsoft                      15.7%                             -4.0

    Google                         7.1%                             4.3

     Palm                          5.7%                             -2.1


          http://www.comscore.com/Press_Events/Press_Releases/2010/3/
       comScore_Reports_January_2010_U.S._Mobile_Subscriber_Market_Share
Symbian                     Windows Mobile

Objective C              WebOS
                                                                     C


        Java ME                 Dalvik
                                                                            Palm
                        Visual Basic
  C++

        .NET Compact
                                             BREW
              Flickr photo by André-Batista: http://www.flickr.com/photo_zoom.gne?id=408700622&size=o
Google Mobile — App Challenges
                  • Pressure from CEO for rapid releases

                  • 10+ platforms to support

                  • Over 100 different builds




http://www.flickr.com/photos/83731031@N00/445924458/ • http://www.flickr.com/photos/mcdave/142758127/
                         http://www.flickr.com/photos/nataliejohnson/290541732/
Fragmentation:
      This is what the
      web is supposed
          to solve.




Flickr photo by .Hessam: http://www.flickr.com/photos/essamo/1070527547/
Mobile Web Distribution
                     Carriers               App Store            Mobile Web

                   Closed, Seek          Open to anyone
  Openness                                                      Completely Open
                    permission         who signs agreement

  Entry Cost    Thousands of dollars            $99                  None


Revenue Split     60/40 to 50/50               70/30                100%


 Restrictions          Many                    Few                   None


  Releases        Difficult, Timely         1 to 2 weeks          Instantaneous


Micropayments       Inconsistent       iTunes for every phone       Not yet
Ok Hot Shot, How are You Going to Create
    Super Monkey Ball with HTML?


                            <div id=”bridge”
                            class=”rope”>



                            <div id=”bubble”>
                            <span id=”monkey sprite-
                            replace”>
                            Monkey</span>



                             jquery-banana.js




  Some Applications Have to Be Native
Five Common Reasons for Native Apps


                   Performance

                    Offline Mode

                        Findability

                   Monetization

             Device Attributes

      Flickr photo byboklm: http://www.flickr.com/photos/boklm/486646486/
1. Performance

      Not for all applications

Good enough for many applications

Javascript Performance improving

   Hardware Accelerated CSS

  Web developers must improve

                           Flickr: Uploaded February 11, 2007 by hawridger
We’ve Become Bandwidth Gluttons | Use YSlow

                                                     Since 2003:

                                                     • Web       Page Size Tripled
                                                     •#    of Objects Doubled

                                                     Since 1995:

                                                     • Web       Page Size: 22x
                                                     •#    of Objects: 21x


       Source: http://www.websiteoptimization.com/speed/tweak/average-web-page/
2. Offline Support

• HTML 5


  • Client-side Database Storage API


  • Application Cache


• Essentially SQLite in browser


• Available on iPhone since 2.0


• Google Gears, Android, Nokia soon?
Gmail Using HTML5




< 10 seconds on EDGE, 3 seconds on 3G
3. Findability

 175,000 apps
Your app will be
  easy to find.


  http://148apps.biz
4. Monetization




       Flickr photo by Lyza Gardner: http://www.flickr.com/photos/lyza/49545547/
5. Device Attributes

      Location

      Camera

   Address Book

   Accelerometer

     Compass
http://code.google.com/p/geo-location-javascript/
Flickr photo by Thomas Purves: http://www.flickr.com/photos/thomaspurves/744225198/
http://phonegap.com




http://wiki.phonegap.com/Roadmap
What can you do with Phone Gap?




http://www.keypointapp.com/   http://harmoniousapp.com/
Other Hybrid Approaches

                    • Appcelerator Titanium
                      http://www.appcelerator.com/

                    • QuickConnect
                      http://quickconnect.pbworks.com

                    • Rhomobile
                      http://rhomobile.com

                    • Big 5
                      http://big5apps.com/
Hybrid
Apps?

 Yes
 we
 can
There is no right answer.




  Understand your options.

 Pick the best technology (or
 tech combo) for your needs.
Thank You for Your Time!




          @grigs on Twitter • jason@cloudfour.com
          cloudfour.com/blog • mobileportand.com
Flickr photo by Pingnews: http://www.flickr.com/photos/pingnews/370061022/

More Related Content

What's hot

Commercialization Challenges of Mobile Software Development in an Exponential...
Commercialization Challenges of Mobile Software Development in an Exponential...Commercialization Challenges of Mobile Software Development in an Exponential...
Commercialization Challenges of Mobile Software Development in an Exponential...Stephen King
 
Mobile devcon metrics of the mobile web
Mobile devcon   metrics of the mobile webMobile devcon   metrics of the mobile web
Mobile devcon metrics of the mobile webAvenga Germany GmbH
 
Some Kind of Wonderful
Some Kind of WonderfulSome Kind of Wonderful
Some Kind of WonderfulBryan Rieger
 
bemoko's 5 easy steps to mobilising your brand
bemoko's 5 easy steps to mobilising your brandbemoko's 5 easy steps to mobilising your brand
bemoko's 5 easy steps to mobilising your brandbemoko Ltd.
 
Domain7: Mobile Web Market Analysis
Domain7: Mobile Web Market AnalysisDomain7: Mobile Web Market Analysis
Domain7: Mobile Web Market AnalysisRyan Hanawalt
 
Designing For Mobile First
Designing For Mobile FirstDesigning For Mobile First
Designing For Mobile FirstJoe Hass
 
App Affiliate Marketing by Apprupt
App Affiliate Marketing by AppruptApp Affiliate Marketing by Apprupt
App Affiliate Marketing by AppruptMobile 2.0 Europe
 
It's about people, not devices...
It's about people, not devices...It's about people, not devices...
It's about people, not devices...yiibu
 
apprupt at MoMo Austria
apprupt at MoMo Austriaapprupt at MoMo Austria
apprupt at MoMo Austriaapprupt
 
Designing for iPad
Designing for iPadDesigning for iPad
Designing for iPadPek Pongpaet
 
AppTalk Frontline: Web vs Hybrid vs Native
AppTalk Frontline: Web vs Hybrid vs NativeAppTalk Frontline: Web vs Hybrid vs Native
AppTalk Frontline: Web vs Hybrid vs NativeSebastian de Mel
 
Developing for Mobility
Developing for MobilityDeveloping for Mobility
Developing for MobilityScotty Logan
 
UI於現階段與未來的應用趨勢
UI於現階段與未來的應用趨勢UI於現階段與未來的應用趨勢
UI於現階段與未來的應用趨勢Justin Lee
 
Beyond the mobile web by yiibu
Beyond the mobile web by yiibuBeyond the mobile web by yiibu
Beyond the mobile web by yiibuyiibu
 
Web 3 Tom Gruber
Web 3 Tom GruberWeb 3 Tom Gruber
Web 3 Tom GruberMediabistro
 
The Biggest Mobile Opportunity Nobody Is Talking About
The Biggest Mobile Opportunity Nobody Is Talking AboutThe Biggest Mobile Opportunity Nobody Is Talking About
The Biggest Mobile Opportunity Nobody Is Talking AboutJohn Busby
 
Adaptation: Why responsive design actually begins on the server
Adaptation: Why responsive design actually begins on the serverAdaptation: Why responsive design actually begins on the server
Adaptation: Why responsive design actually begins on the serveryiibu
 
Mobilising Digital - Perth 13/03/14
Mobilising Digital - Perth 13/03/14Mobilising Digital - Perth 13/03/14
Mobilising Digital - Perth 13/03/14Precedent
 
Smartphone Strategy (Telecom Operators)
Smartphone Strategy (Telecom Operators)Smartphone Strategy (Telecom Operators)
Smartphone Strategy (Telecom Operators)Roel Honning
 
Your customers are on mobile - where are you?
Your customers are on mobile - where are you?Your customers are on mobile - where are you?
Your customers are on mobile - where are you?Vacasa
 

What's hot (20)

Commercialization Challenges of Mobile Software Development in an Exponential...
Commercialization Challenges of Mobile Software Development in an Exponential...Commercialization Challenges of Mobile Software Development in an Exponential...
Commercialization Challenges of Mobile Software Development in an Exponential...
 
Mobile devcon metrics of the mobile web
Mobile devcon   metrics of the mobile webMobile devcon   metrics of the mobile web
Mobile devcon metrics of the mobile web
 
Some Kind of Wonderful
Some Kind of WonderfulSome Kind of Wonderful
Some Kind of Wonderful
 
bemoko's 5 easy steps to mobilising your brand
bemoko's 5 easy steps to mobilising your brandbemoko's 5 easy steps to mobilising your brand
bemoko's 5 easy steps to mobilising your brand
 
Domain7: Mobile Web Market Analysis
Domain7: Mobile Web Market AnalysisDomain7: Mobile Web Market Analysis
Domain7: Mobile Web Market Analysis
 
Designing For Mobile First
Designing For Mobile FirstDesigning For Mobile First
Designing For Mobile First
 
App Affiliate Marketing by Apprupt
App Affiliate Marketing by AppruptApp Affiliate Marketing by Apprupt
App Affiliate Marketing by Apprupt
 
It's about people, not devices...
It's about people, not devices...It's about people, not devices...
It's about people, not devices...
 
apprupt at MoMo Austria
apprupt at MoMo Austriaapprupt at MoMo Austria
apprupt at MoMo Austria
 
Designing for iPad
Designing for iPadDesigning for iPad
Designing for iPad
 
AppTalk Frontline: Web vs Hybrid vs Native
AppTalk Frontline: Web vs Hybrid vs NativeAppTalk Frontline: Web vs Hybrid vs Native
AppTalk Frontline: Web vs Hybrid vs Native
 
Developing for Mobility
Developing for MobilityDeveloping for Mobility
Developing for Mobility
 
UI於現階段與未來的應用趨勢
UI於現階段與未來的應用趨勢UI於現階段與未來的應用趨勢
UI於現階段與未來的應用趨勢
 
Beyond the mobile web by yiibu
Beyond the mobile web by yiibuBeyond the mobile web by yiibu
Beyond the mobile web by yiibu
 
Web 3 Tom Gruber
Web 3 Tom GruberWeb 3 Tom Gruber
Web 3 Tom Gruber
 
The Biggest Mobile Opportunity Nobody Is Talking About
The Biggest Mobile Opportunity Nobody Is Talking AboutThe Biggest Mobile Opportunity Nobody Is Talking About
The Biggest Mobile Opportunity Nobody Is Talking About
 
Adaptation: Why responsive design actually begins on the server
Adaptation: Why responsive design actually begins on the serverAdaptation: Why responsive design actually begins on the server
Adaptation: Why responsive design actually begins on the server
 
Mobilising Digital - Perth 13/03/14
Mobilising Digital - Perth 13/03/14Mobilising Digital - Perth 13/03/14
Mobilising Digital - Perth 13/03/14
 
Smartphone Strategy (Telecom Operators)
Smartphone Strategy (Telecom Operators)Smartphone Strategy (Telecom Operators)
Smartphone Strategy (Telecom Operators)
 
Your customers are on mobile - where are you?
Your customers are on mobile - where are you?Your customers are on mobile - where are you?
Your customers are on mobile - where are you?
 

Similar to Where 2.0 — Native vs Web vs Hybrid: Mobile Development Choices

Native vs. Mobile Web vs. Hybrid Apps for Mobile Development
Native vs. Mobile Web vs. Hybrid Apps for Mobile DevelopmentNative vs. Mobile Web vs. Hybrid Apps for Mobile Development
Native vs. Mobile Web vs. Hybrid Apps for Mobile DevelopmentJason Grigsby
 
Mobile Developement Choises
Mobile Developement ChoisesMobile Developement Choises
Mobile Developement ChoisesAlexander Anikin
 
La musique via Internet et les réseaux mobiles
La musique via Internet et les réseaux mobilesLa musique via Internet et les réseaux mobiles
La musique via Internet et les réseaux mobilesSonnerie Iphone
 
myStaffingPro - Mobile Webinar
myStaffingPro - Mobile WebinarmyStaffingPro - Mobile Webinar
myStaffingPro - Mobile WebinarmyStaffingPro
 
Platform war in mwc 2013
Platform war in mwc 2013Platform war in mwc 2013
Platform war in mwc 2013Seungyul Kim
 
Mobile Apps - The Business & Technology
Mobile Apps - The Business & TechnologyMobile Apps - The Business & Technology
Mobile Apps - The Business & TechnologyAndri Yadi
 
Van wyk hothouse mobile 2012 sydney
Van wyk hothouse mobile 2012 sydneyVan wyk hothouse mobile 2012 sydney
Van wyk hothouse mobile 2012 sydneyiStrategy
 
What's new and next for mobile development with .NET
What's new and next for mobile development with .NETWhat's new and next for mobile development with .NET
What's new and next for mobile development with .NETJames Montemagno
 
Drupal as Base For Your NEXT Mobile App
Drupal as Base For Your NEXT Mobile AppDrupal as Base For Your NEXT Mobile App
Drupal as Base For Your NEXT Mobile AppSumit Kataria
 
Future of Mobile Web Application and Web App Store
Future of Mobile Web Application and Web App StoreFuture of Mobile Web Application and Web App Store
Future of Mobile Web Application and Web App StoreJonathan Jeon
 
Personal Electronics & the Library
Personal Electronics & the LibraryPersonal Electronics & the Library
Personal Electronics & the LibraryYvonne Slaughter
 
Computers in libraries 2012
Computers in libraries 2012Computers in libraries 2012
Computers in libraries 2012Jason Griffey
 
What lies ahead of HTML5_Ooop Munich 2013_Krzysztof Szafranek
What lies ahead of HTML5_Ooop Munich 2013_Krzysztof SzafranekWhat lies ahead of HTML5_Ooop Munich 2013_Krzysztof Szafranek
What lies ahead of HTML5_Ooop Munich 2013_Krzysztof SzafranekWooga
 
I like i phone and android but know .net
I like i phone and android but know .netI like i phone and android but know .net
I like i phone and android but know .netChris Love
 
Mobile Development Platforms
Mobile Development PlatformsMobile Development Platforms
Mobile Development PlatformsAndri Yadi
 
Ten reasons why now is the perfect time to get serious about the mobile web
Ten reasons why now is the perfect time to get serious about the mobile webTen reasons why now is the perfect time to get serious about the mobile web
Ten reasons why now is the perfect time to get serious about the mobile webTijs Vrolix
 
Mobile Development Overview
Mobile Development OverviewMobile Development Overview
Mobile Development OverviewShawn Grimes
 
AppsFuel, il nuovo marketplace per mobile web app e mobile site!
AppsFuel, il nuovo marketplace per mobile web app e mobile site!AppsFuel, il nuovo marketplace per mobile web app e mobile site!
AppsFuel, il nuovo marketplace per mobile web app e mobile site!Mobile Web Italy Meetup
 
Messaging Apps Overview
Messaging Apps OverviewMessaging Apps Overview
Messaging Apps OverviewJacksLabs
 

Similar to Where 2.0 — Native vs Web vs Hybrid: Mobile Development Choices (20)

Native vs. Mobile Web vs. Hybrid Apps for Mobile Development
Native vs. Mobile Web vs. Hybrid Apps for Mobile DevelopmentNative vs. Mobile Web vs. Hybrid Apps for Mobile Development
Native vs. Mobile Web vs. Hybrid Apps for Mobile Development
 
Mobile Developement Choises
Mobile Developement ChoisesMobile Developement Choises
Mobile Developement Choises
 
La musique via Internet et les réseaux mobiles
La musique via Internet et les réseaux mobilesLa musique via Internet et les réseaux mobiles
La musique via Internet et les réseaux mobiles
 
myStaffingPro - Mobile Webinar
myStaffingPro - Mobile WebinarmyStaffingPro - Mobile Webinar
myStaffingPro - Mobile Webinar
 
Platform war in mwc 2013
Platform war in mwc 2013Platform war in mwc 2013
Platform war in mwc 2013
 
Mobile Apps - The Business & Technology
Mobile Apps - The Business & TechnologyMobile Apps - The Business & Technology
Mobile Apps - The Business & Technology
 
Van wyk hothouse mobile 2012 sydney
Van wyk hothouse mobile 2012 sydneyVan wyk hothouse mobile 2012 sydney
Van wyk hothouse mobile 2012 sydney
 
What's new and next for mobile development with .NET
What's new and next for mobile development with .NETWhat's new and next for mobile development with .NET
What's new and next for mobile development with .NET
 
Drupal as Base For Your NEXT Mobile App
Drupal as Base For Your NEXT Mobile AppDrupal as Base For Your NEXT Mobile App
Drupal as Base For Your NEXT Mobile App
 
Future of Mobile Web Application and Web App Store
Future of Mobile Web Application and Web App StoreFuture of Mobile Web Application and Web App Store
Future of Mobile Web Application and Web App Store
 
Personal Electronics & the Library
Personal Electronics & the LibraryPersonal Electronics & the Library
Personal Electronics & the Library
 
Computers in libraries 2012
Computers in libraries 2012Computers in libraries 2012
Computers in libraries 2012
 
What lies ahead of HTML5_Ooop Munich 2013_Krzysztof Szafranek
What lies ahead of HTML5_Ooop Munich 2013_Krzysztof SzafranekWhat lies ahead of HTML5_Ooop Munich 2013_Krzysztof Szafranek
What lies ahead of HTML5_Ooop Munich 2013_Krzysztof Szafranek
 
What Lies Ahead for HTML5
What Lies Ahead for HTML5What Lies Ahead for HTML5
What Lies Ahead for HTML5
 
I like i phone and android but know .net
I like i phone and android but know .netI like i phone and android but know .net
I like i phone and android but know .net
 
Mobile Development Platforms
Mobile Development PlatformsMobile Development Platforms
Mobile Development Platforms
 
Ten reasons why now is the perfect time to get serious about the mobile web
Ten reasons why now is the perfect time to get serious about the mobile webTen reasons why now is the perfect time to get serious about the mobile web
Ten reasons why now is the perfect time to get serious about the mobile web
 
Mobile Development Overview
Mobile Development OverviewMobile Development Overview
Mobile Development Overview
 
AppsFuel, il nuovo marketplace per mobile web app e mobile site!
AppsFuel, il nuovo marketplace per mobile web app e mobile site!AppsFuel, il nuovo marketplace per mobile web app e mobile site!
AppsFuel, il nuovo marketplace per mobile web app e mobile site!
 
Messaging Apps Overview
Messaging Apps OverviewMessaging Apps Overview
Messaging Apps Overview
 

More from Jason Grigsby

Planning Your Progressive Web App
Planning Your Progressive Web AppPlanning Your Progressive Web App
Planning Your Progressive Web AppJason Grigsby
 
Progressive Web App Challenges
Progressive Web App ChallengesProgressive Web App Challenges
Progressive Web App ChallengesJason Grigsby
 
Why Progressive Web Apps will transform your website
Why Progressive Web Apps will transform your websiteWhy Progressive Web Apps will transform your website
Why Progressive Web Apps will transform your websiteJason Grigsby
 
The Case for Progressive Web Apps
The Case for Progressive Web AppsThe Case for Progressive Web Apps
The Case for Progressive Web AppsJason Grigsby
 
Adapting to Input — Smashing Conference NYC
Adapting to Input — Smashing Conference NYCAdapting to Input — Smashing Conference NYC
Adapting to Input — Smashing Conference NYCJason Grigsby
 
Responsive images are here. Now what?
Responsive images are here. Now what?Responsive images are here. Now what?
Responsive images are here. Now what?Jason Grigsby
 
Mobile First Responsive Web Design — BD Conf Oct 2013
Mobile First Responsive Web Design — BD Conf Oct 2013Mobile First Responsive Web Design — BD Conf Oct 2013
Mobile First Responsive Web Design — BD Conf Oct 2013Jason Grigsby
 
Responsive Images and Video
Responsive Images and VideoResponsive Images and Video
Responsive Images and VideoJason Grigsby
 
When responsive web design meets the real world
When responsive web design meets the real worldWhen responsive web design meets the real world
When responsive web design meets the real worldJason Grigsby
 
Adaptive Input — Breaking Development Conference, San Diego
Adaptive Input — Breaking Development Conference, San DiegoAdaptive Input — Breaking Development Conference, San Diego
Adaptive Input — Breaking Development Conference, San DiegoJason Grigsby
 
Mobile First Responsive Design
Mobile First Responsive DesignMobile First Responsive Design
Mobile First Responsive DesignJason Grigsby
 
Casting Off Our Desktop Shackles
Casting Off Our Desktop ShacklesCasting Off Our Desktop Shackles
Casting Off Our Desktop ShacklesJason Grigsby
 
Mobile: The Market, The Web and Windows Phone’s Future
Mobile: The Market, The Web and Windows Phone’s Future Mobile: The Market, The Web and Windows Phone’s Future
Mobile: The Market, The Web and Windows Phone’s Future Jason Grigsby
 
Native is easy. Mobile web is freaking hard.
Native is easy. Mobile web is freaking hard.Native is easy. Mobile web is freaking hard.
Native is easy. Mobile web is freaking hard.Jason Grigsby
 
Innotech - Get Me a Mobile Strategy or You’re Fired!
Innotech - Get Me a Mobile Strategy or You’re Fired!Innotech - Get Me a Mobile Strategy or You’re Fired!
Innotech - Get Me a Mobile Strategy or You’re Fired!Jason Grigsby
 
Where 2.0 -- Get me a mobile strategy or you’re fired!
Where 2.0 -- Get me a mobile strategy or you’re fired!Where 2.0 -- Get me a mobile strategy or you’re fired!
Where 2.0 -- Get me a mobile strategy or you’re fired!Jason Grigsby
 
Native is easy. Web is essential.
Native is easy. Web is essential.Native is easy. Web is essential.
Native is easy. Web is essential.Jason Grigsby
 
Journalism and the Future of Mobile
Journalism and the Future of MobileJournalism and the Future of Mobile
Journalism and the Future of MobileJason Grigsby
 
Get Me a Mobile Strategy or You're Fired - Central Oregon Ad Fed
Get Me a Mobile Strategy or You're Fired  - Central Oregon Ad FedGet Me a Mobile Strategy or You're Fired  - Central Oregon Ad Fed
Get Me a Mobile Strategy or You're Fired - Central Oregon Ad FedJason Grigsby
 

More from Jason Grigsby (20)

Planning Your Progressive Web App
Planning Your Progressive Web AppPlanning Your Progressive Web App
Planning Your Progressive Web App
 
Progressive Web App Challenges
Progressive Web App ChallengesProgressive Web App Challenges
Progressive Web App Challenges
 
Why Progressive Web Apps will transform your website
Why Progressive Web Apps will transform your websiteWhy Progressive Web Apps will transform your website
Why Progressive Web Apps will transform your website
 
The Case for Progressive Web Apps
The Case for Progressive Web AppsThe Case for Progressive Web Apps
The Case for Progressive Web Apps
 
Adapting to Input — Smashing Conference NYC
Adapting to Input — Smashing Conference NYCAdapting to Input — Smashing Conference NYC
Adapting to Input — Smashing Conference NYC
 
Responsive images are here. Now what?
Responsive images are here. Now what?Responsive images are here. Now what?
Responsive images are here. Now what?
 
Mobile First Responsive Web Design — BD Conf Oct 2013
Mobile First Responsive Web Design — BD Conf Oct 2013Mobile First Responsive Web Design — BD Conf Oct 2013
Mobile First Responsive Web Design — BD Conf Oct 2013
 
Responsive Images and Video
Responsive Images and VideoResponsive Images and Video
Responsive Images and Video
 
When responsive web design meets the real world
When responsive web design meets the real worldWhen responsive web design meets the real world
When responsive web design meets the real world
 
Adaptive Input — Breaking Development Conference, San Diego
Adaptive Input — Breaking Development Conference, San DiegoAdaptive Input — Breaking Development Conference, San Diego
Adaptive Input — Breaking Development Conference, San Diego
 
Mobile First Responsive Design
Mobile First Responsive DesignMobile First Responsive Design
Mobile First Responsive Design
 
Casting Off Our Desktop Shackles
Casting Off Our Desktop ShacklesCasting Off Our Desktop Shackles
Casting Off Our Desktop Shackles
 
The Immobile Web
The Immobile WebThe Immobile Web
The Immobile Web
 
Mobile: The Market, The Web and Windows Phone’s Future
Mobile: The Market, The Web and Windows Phone’s Future Mobile: The Market, The Web and Windows Phone’s Future
Mobile: The Market, The Web and Windows Phone’s Future
 
Native is easy. Mobile web is freaking hard.
Native is easy. Mobile web is freaking hard.Native is easy. Mobile web is freaking hard.
Native is easy. Mobile web is freaking hard.
 
Innotech - Get Me a Mobile Strategy or You’re Fired!
Innotech - Get Me a Mobile Strategy or You’re Fired!Innotech - Get Me a Mobile Strategy or You’re Fired!
Innotech - Get Me a Mobile Strategy or You’re Fired!
 
Where 2.0 -- Get me a mobile strategy or you’re fired!
Where 2.0 -- Get me a mobile strategy or you’re fired!Where 2.0 -- Get me a mobile strategy or you’re fired!
Where 2.0 -- Get me a mobile strategy or you’re fired!
 
Native is easy. Web is essential.
Native is easy. Web is essential.Native is easy. Web is essential.
Native is easy. Web is essential.
 
Journalism and the Future of Mobile
Journalism and the Future of MobileJournalism and the Future of Mobile
Journalism and the Future of Mobile
 
Get Me a Mobile Strategy or You're Fired - Central Oregon Ad Fed
Get Me a Mobile Strategy or You're Fired  - Central Oregon Ad FedGet Me a Mobile Strategy or You're Fired  - Central Oregon Ad Fed
Get Me a Mobile Strategy or You're Fired - Central Oregon Ad Fed
 

Recently uploaded

SAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptxSAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptxNavinnSomaal
 
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptxMerck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptxLoriGlavin3
 
Connect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationConnect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationSlibray Presentation
 
Generative AI for Technical Writer or Information Developers
Generative AI for Technical Writer or Information DevelopersGenerative AI for Technical Writer or Information Developers
Generative AI for Technical Writer or Information DevelopersRaghuram Pandurangan
 
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc
 
"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr BaganFwdays
 
The Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and ConsThe Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and ConsPixlogix Infotech
 
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024BookNet Canada
 
WordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your BrandWordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your Brandgvaughan
 
Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?Mattias Andersson
 
Commit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easyCommit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easyAlfredo García Lavilla
 
Moving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdfMoving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdfLoriGlavin3
 
Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Commit University
 
Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 3652toLead Limited
 
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024BookNet Canada
 
Streamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupStreamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupFlorian Wilhelm
 
The State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptxThe State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptxLoriGlavin3
 
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdf
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdfHyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdf
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdfPrecisely
 
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024BookNet Canada
 
Unleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubUnleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubKalema Edgar
 

Recently uploaded (20)

SAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptxSAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptx
 
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptxMerck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx
 
Connect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationConnect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck Presentation
 
Generative AI for Technical Writer or Information Developers
Generative AI for Technical Writer or Information DevelopersGenerative AI for Technical Writer or Information Developers
Generative AI for Technical Writer or Information Developers
 
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
 
"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan
 
The Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and ConsThe Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and Cons
 
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
 
WordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your BrandWordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your Brand
 
Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?
 
Commit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easyCommit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easy
 
Moving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdfMoving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdf
 
Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!
 
Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365
 
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
 
Streamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupStreamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project Setup
 
The State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptxThe State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptx
 
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdf
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdfHyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdf
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdf
 
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
 
Unleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubUnleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding Club
 

Where 2.0 — Native vs Web vs Hybrid: Mobile Development Choices

  • 1. Native vs Web vs Hybrid Mobile Development Choices Jason Grigsby • Where 2.0 2010 @grigs on Twitter • jason@cloudfour.com cloudfour.com/blog • mobileportand.com
  • 2.
  • 3.
  • 4. Surprise Story of 2008 Flickr photo by Drift Words: http://www.flickr.com/photos/44124413076@N01/11846265/
  • 5. Flickr photo by Civisi: http://www.flickr.com/photos/civisi/2611679744/ Web 2.0 iPhone App Store Web-based Apps Native Apps Services & Mashups Few APIs between apps Software as Service No Recurring Revenue Cloud Computing Local Storage
  • 6. What makes the App Store successful? Carriers App Store Open to anyone Openness Closed, Seek permission who signs agreement Entry Cost Thousands of dollars $99 Revenue Split 60/40 to 50/50 70/30 Restrictions Many Few Releases Difficult, Timely 1 to 2 weeks Micropayments Inconsistent iTunes for every phone
  • 7. 76 million http://blog.wired.com/gadgets/2009/02/shoot-is-iphone.html#c148364123 devices 175,000 http://www.newsweek.com/id/174266 apps 3 billion http://businessweek.com/@@0M43kIYQYKPISw0A/technology/content/sep2008/tc20080930_257832.htm downloads
  • 9.
  • 10.
  • 11. Ringtone Apps FYI: It shipped at $2.99. Then Justin sold his iPhone business. http://twitter.com/justin/status/1210786170 http://furbo.org/2008/12/09/ring-tone-apps/ http://furbo.org/2009/02/16/raising-prices/
  • 13. More Open ≠ No Gatekeeper 96% Approved (what about that 4%?)
  • 14. 4.6 Billion Mobile phone for >1/2 the planet. Flickr photo by Pingnews: http://www.flickr.com/photos/pingnews/370061022/
  • 15. 4.6 Billion in Perspective Source: http://communities-dominate.blogs.com/brands/2007/01/putting_27_bill.html http://communities-dominate.blogs.com/brands/2008/01/when-there-is-a.html
  • 16. iPhone Only Part of World Wide Market Symbian RIM iPhone Windows Mobile Linux Android WebOS 90000 80878 67500 45000 34346 24889 22500 15027 8126 6798 0 1112 2009 Smartphone Sales — Thousands of Units http://www.gartner.com/it/page.jsp?id=1306513
  • 17. iPhone Only Part of US Market — Jan 2010 Platform Market Share Point Change (compared to Oct 09) RIM 43.0% 1.7 Apple 25.1% 0.3 Microsoft 15.7% -4.0 Google 7.1% 4.3 Palm 5.7% -2.1 http://www.comscore.com/Press_Events/Press_Releases/2010/3/ comScore_Reports_January_2010_U.S._Mobile_Subscriber_Market_Share
  • 18. Symbian Windows Mobile Objective C WebOS C Java ME Dalvik Palm Visual Basic C++ .NET Compact BREW Flickr photo by André-Batista: http://www.flickr.com/photo_zoom.gne?id=408700622&size=o
  • 19. Google Mobile — App Challenges • Pressure from CEO for rapid releases • 10+ platforms to support • Over 100 different builds http://www.flickr.com/photos/83731031@N00/445924458/ • http://www.flickr.com/photos/mcdave/142758127/ http://www.flickr.com/photos/nataliejohnson/290541732/
  • 20. Fragmentation: This is what the web is supposed to solve. Flickr photo by .Hessam: http://www.flickr.com/photos/essamo/1070527547/
  • 21. Mobile Web Distribution Carriers App Store Mobile Web Closed, Seek Open to anyone Openness Completely Open permission who signs agreement Entry Cost Thousands of dollars $99 None Revenue Split 60/40 to 50/50 70/30 100% Restrictions Many Few None Releases Difficult, Timely 1 to 2 weeks Instantaneous Micropayments Inconsistent iTunes for every phone Not yet
  • 22. Ok Hot Shot, How are You Going to Create Super Monkey Ball with HTML? <div id=”bridge” class=”rope”> <div id=”bubble”> <span id=”monkey sprite- replace”> Monkey</span> jquery-banana.js Some Applications Have to Be Native
  • 23. Five Common Reasons for Native Apps Performance Offline Mode Findability Monetization Device Attributes Flickr photo byboklm: http://www.flickr.com/photos/boklm/486646486/
  • 24. 1. Performance Not for all applications Good enough for many applications Javascript Performance improving Hardware Accelerated CSS Web developers must improve Flickr: Uploaded February 11, 2007 by hawridger
  • 25. We’ve Become Bandwidth Gluttons | Use YSlow Since 2003: • Web Page Size Tripled •# of Objects Doubled Since 1995: • Web Page Size: 22x •# of Objects: 21x Source: http://www.websiteoptimization.com/speed/tweak/average-web-page/
  • 26. 2. Offline Support • HTML 5 • Client-side Database Storage API • Application Cache • Essentially SQLite in browser • Available on iPhone since 2.0 • Google Gears, Android, Nokia soon?
  • 27. Gmail Using HTML5 < 10 seconds on EDGE, 3 seconds on 3G
  • 28. 3. Findability 175,000 apps Your app will be easy to find. http://148apps.biz
  • 29.
  • 30. 4. Monetization Flickr photo by Lyza Gardner: http://www.flickr.com/photos/lyza/49545547/
  • 31. 5. Device Attributes Location Camera Address Book Accelerometer Compass
  • 33.
  • 34.
  • 35. Flickr photo by Thomas Purves: http://www.flickr.com/photos/thomaspurves/744225198/
  • 37. What can you do with Phone Gap? http://www.keypointapp.com/ http://harmoniousapp.com/
  • 38. Other Hybrid Approaches • Appcelerator Titanium http://www.appcelerator.com/ • QuickConnect http://quickconnect.pbworks.com • Rhomobile http://rhomobile.com • Big 5 http://big5apps.com/
  • 40. There is no right answer. Understand your options. Pick the best technology (or tech combo) for your needs.
  • 41. Thank You for Your Time! @grigs on Twitter • jason@cloudfour.com cloudfour.com/blog • mobileportand.com Flickr photo by Pingnews: http://www.flickr.com/photos/pingnews/370061022/