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

Developer Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLDeveloper Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLScyllaDB
 
Story boards and shot lists for my a level piece
Story boards and shot lists for my a level pieceStory boards and shot lists for my a level piece
Story boards and shot lists for my a level piececharlottematthew16
 
TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024Lonnie McRorey
 
Artificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptxArtificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptxhariprasad279825
 
Search Engine Optimization SEO PDF for 2024.pdf
Search Engine Optimization SEO PDF for 2024.pdfSearch Engine Optimization SEO PDF for 2024.pdf
Search Engine Optimization SEO PDF for 2024.pdfRankYa
 
"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr BaganFwdays
 
How to write a Business Continuity Plan
How to write a Business Continuity PlanHow to write a Business Continuity Plan
How to write a Business Continuity PlanDatabarracks
 
From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .Alan Dix
 
DevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenDevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenHervé Boutemy
 
H2O.ai CEO/Founder: Sri Ambati Keynote at Wells Fargo Day
H2O.ai CEO/Founder: Sri Ambati Keynote at Wells Fargo DayH2O.ai CEO/Founder: Sri Ambati Keynote at Wells Fargo Day
H2O.ai CEO/Founder: Sri Ambati Keynote at Wells Fargo DaySri Ambati
 
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
 
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
 
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
 
Vertex AI Gemini Prompt Engineering Tips
Vertex AI Gemini Prompt Engineering TipsVertex AI Gemini Prompt Engineering Tips
Vertex AI Gemini Prompt Engineering TipsMiki Katsuragi
 
How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.Curtis Poe
 
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024BookNet Canada
 
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Mark Simos
 
Powerpoint exploring the locations used in television show Time Clash
Powerpoint exploring the locations used in television show Time ClashPowerpoint exploring the locations used in television show Time Clash
Powerpoint exploring the locations used in television show Time Clashcharlottematthew16
 
"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii SoldatenkoFwdays
 

Recently uploaded (20)

Developer Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLDeveloper Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQL
 
Story boards and shot lists for my a level piece
Story boards and shot lists for my a level pieceStory boards and shot lists for my a level piece
Story boards and shot lists for my a level piece
 
TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024
 
Artificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptxArtificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptx
 
Search Engine Optimization SEO PDF for 2024.pdf
Search Engine Optimization SEO PDF for 2024.pdfSearch Engine Optimization SEO PDF for 2024.pdf
Search Engine Optimization SEO PDF for 2024.pdf
 
"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan
 
How to write a Business Continuity Plan
How to write a Business Continuity PlanHow to write a Business Continuity Plan
How to write a Business Continuity Plan
 
From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .
 
DevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenDevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache Maven
 
H2O.ai CEO/Founder: Sri Ambati Keynote at Wells Fargo Day
H2O.ai CEO/Founder: Sri Ambati Keynote at Wells Fargo DayH2O.ai CEO/Founder: Sri Ambati Keynote at Wells Fargo Day
H2O.ai CEO/Founder: Sri Ambati Keynote at Wells Fargo Day
 
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
 
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
 
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!
 
Vertex AI Gemini Prompt Engineering Tips
Vertex AI Gemini Prompt Engineering TipsVertex AI Gemini Prompt Engineering Tips
Vertex AI Gemini Prompt Engineering Tips
 
How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.
 
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
 
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
 
Powerpoint exploring the locations used in television show Time Clash
Powerpoint exploring the locations used in television show Time ClashPowerpoint exploring the locations used in television show Time Clash
Powerpoint exploring the locations used in television show Time Clash
 
DMCC Future of Trade Web3 - Special Edition
DMCC Future of Trade Web3 - Special EditionDMCC Future of Trade Web3 - Special Edition
DMCC Future of Trade Web3 - Special Edition
 
"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko
 

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/