• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Native vs. Web vs. Hybrid: Mobile Development Choices
 

Native vs. Web vs. Hybrid: Mobile Development Choices

on

  • 101,859 views

The iPhone App Store has captured the imagination of entrepreneurs everywhere. There is a gold rush happening. ...

The iPhone App Store has captured the imagination of entrepreneurs everywhere. There is a gold rush happening.

This presentation explains why we chose not to become full time cocoa developers, the challenges people are currently facing in the iPhone App Store, and the long term picture for mobile web applications.

It also describes an interim strategy of building hybrid applications using web technology so that you can use a common code base and publish your application to the various application stores for iPhone, Android, Blackberrry, etc.

Originally presented at Web 2.0 Expo in San Francisco.

Statistics

Views

Total Views
101,859
Views on SlideShare
68,348
Embed Views
33,511

Actions

Likes
196
Downloads
4,905
Comments
13

113 Embeds 33,511

http://rctown.tistory.com 18995
http://www.web2expo.com 5464
http://highconcept.tistory.com 1729
http://health20.kr 1368
http://erdhee.com 1334
http://www.readwriteweb.com 800
http://www.digitalmedia.co.th 679
http://www.yeeyan.com 588
http://blog.dreamcss.com 570
http://www.omerperchik.com 355
http://www.scoop.it 245
http://news.cnblogs.com 204
http://www.slideshare.net 189
http://www.iamgolfz.com 119
http://onlybalance.pe.kr 113
http://www.onlybalance.pe.kr 89
http://brisdom.com 59
http://article.yeeyan.org 54
http://www.mehrdadpiroozram.typepad.com 36
http://blog.websourcing.fr 30
http://mehrdadpiroozram.typepad.com 24
http://onair24.mireene.co.kr 23
http://translate.googleusercontent.com 23
http://www.google.co.kr 23
http://www.net-generation.net 22
http://net-generation.net 18
https://www.google.co.kr 17
http://waywework.it 16
http://www.yeeyan.org 15
http://s2works.net 14
http://mehrdadpiroozram.tumblr.com 14
http://informatica4a022012.blogspot.com.es 12
http://readwrite.com 12
http://assets.txmblr.com 10
http://hybirdapp.cafe24.com 9
http://ibiograph.blogspot.com 9
http://www.24onair.com 8
http://informatica4a022012.blogspot.com 8
http://www.zhuaxia.com 8
http://webcache.googleusercontent.com 8
http://www.linkedin.com 8
http://techno-realism.blogspot.com 7
http://feed.yeeyan.com 7
http://www.hacioglumurat.com 7
http://tong.nate.com 7
http://blog.naver.com 7
http://murathacioglu.blogspot.com 7
http://sito.onpoint 6
url_unknown 6
http://kms.saerom.co.kr 6
More...

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel

110 of 13 previous next Post a comment

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
  • Why people come to the Web more than motivation to Mobile app
    Are you sure you want to
    Your message goes here
    Processing…
  • Thanks to this offer was very pleasant way
    Are you sure you want to
    Your message goes here
    Processing…
  • why should i not 'simply release hybrid version of a webapp' if i want my webapp to work standalone and/or on social networks?
    Are you sure you want to
    Your message goes here
    Processing…
  • = ENTREPRENEURS WANTED =

    We Are a Global Community of Entrepreneurs Looking for New Leaders to Increase the Synergy of our Qualified Team. We Work as Smart as We do Hard Taking Advantage of Internet Technology & Globalization.

    We are Entrepreneurs Working Together from the Comfort of Home: Creating a Legacy, Fulfilling Dreams, & Reaching Goals. We Leverage Each Other’s Success, Experience, Creativity & Passion. Come Join Us, Let’s Do this Together!!

    Review: http://bit.ly/dwMSY1
    Website: http://myentrepreneuronlinebusiness.com
    <br /><object type="application/x-shockwave-flash" data="http://www.youtube.com/v/75VZhAMtib4?fs=1&amp;hl=es_MX&amp;rel=0" width="350" height="288"><param name="movie" value="http://www.youtube.com/v/75VZhAMtib4?fs=1&amp;hl=es_MX&amp;rel=0"></param><embed src="http://www.youtube.com/v/75VZhAMtib4?fs=1&amp;hl=es_MX&amp;rel=0" width="350" height="288" type="application/x-shockwave-flash"></embed></object>
    Are you sure you want to
    Your message goes here
    Processing…
  • Check out Apple's New iPod nano with Multi-Touch Product Review
    http://www.slideshare.net/Zanura/i-pod-nano-multi-touch-review
    Are you sure you want to
    Your message goes here
    Processing…

110 of 13 previous next

Post Comment
Edit your comment

    Native vs. Web vs. Hybrid: Mobile Development Choices Native vs. Web vs. Hybrid: Mobile Development Choices Presentation Transcript

    • Native vs Web vs Hybrid Mobile Development Choices Jason Grigsby @grigs on Twitter • jason@cloudfour.com cloudfour.com • userfirstweb.com mobileportand.com
    • Early 2008
    • “It’s about usage. Not units” • Number of queries on Google search from iPhones surpassed those from Symbian-based phones in the days after Christmas. Nokia’s Symbian-based phones are 40% of the market worldwide. • German iPhone users consume 30 times more data. • 95% of iPhone customers regularly surf the Internet. Data services revenue increased from $2.7 billion in 2005 to $6.9 billion in 2007. • Google sees 50 times the number of searches using the iPhone than any other mobile device. They were so surprised, they asked their engineers to check the logs to make sure it was correct. • This is why major companies, Google, Quicken, etc. are all launching iPhone-optimized services despite the iPhone’s 1% market share.
    • 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
    • http://www.readwriteweb.com/archives/top_10_web_platforms_of_2008.php
    • 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
    • 30 million devices http://blog.wired.com/gadgets/2009/02/shoot-is-iphone.html#c148364123 25,000 apps http://www.newsweek.com/id/174266 800 million downloads http://businessweek.com/@@0M43kIYQYKPISw0A/technology/content/sep2008/tc20080930_257832.htm
    • Gold Rush was On
    • Ringtone Apps (FYI: Justin’s app is out soon. GymRat. $4.99) http://twitter.com/justin/status/1210786170 http://furbo.org/2008/12/09/ring-tone-apps/ http://furbo.org/2009/02/16/raising-prices/
    • Ringtone Apps 15000 11250 7500 3750 0 0 1.99 3.99 5.99 7.99 9.99 11.99 13.99 15.99+ http://148apps.com/10000
    • Brutally Honest iPhone App Sales: $32k Spent vs. $535 Revenue Dapple http://www.streamingcolour.com/blog/2009/03/09/the-numbers-post-aka-brutal-honesty/
    • Throwaway Apps http://www.pinchmedia.com/appstore-secrets/
    • Throwaway Apps http://www.pinchmedia.com/appstore-secrets/
    • Pinch Media’s Conclusions •Users stop using the average applications quickly. •Long-term audiences are generally 1% of total downloads •Paid apps retain users longer, but still steep drop o. http://www.pinchmedia.com/appstore-secrets/
    • Success Determined by Top Lists & Features http://appcubby.com/blog/files/financial_realities.html
    • More Open ≠ No Gatekeeper 96% Approved (what about that 4%?)
    • 10 Rejected Applications Obama Trampoline • MyShoe • I Am Poor • The South Park App • Pull My Finger • iBoobs • Slasher • Murderdome • Podcaster • Freedom Time • quot;Even though my personal political leanings are Democratic, I think this app will be offensive to roughly half our customers. What's the point?quot; — Steve Jobs http://www.pcworld.com/article/159887-2/rejected_10_iphone_apps_that_didnt_make_apples_app_store.html
    • iPhone Only Part of World Wide Market Symbian RIM Windows Mobile iPhone Linux Palm OS Other 20000 17949 15000 10000 7443 5000 4714 4079 3195 0 327 437 Q4 2008 Smartphone Sales — Thousands of Units http://www.gartner.com/it/page.jsp?id=910112
    • 3.3 Billion Mobile phone for half the planet. Flickr photo by Pingnews: http://www.flickr.com/photos/pingnews/370061022/
    • 3.3 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
    • 2007 SMS Revenue: 100 billion Flickr photo by Vlastula: http://www.flickr.com/photos/vlastula/450642954/
    • 2007 SMS Revenue: 100 billion •Box Office •DVD Sales & Rentals Combined •Music Industry •Video Games Flickr photo by Vlastula: http://www.flickr.com/photos/vlastula/450642954/
    • 200 billion for data services in 2008 (SMS accounts for 130B) •Box Office •DVD Sales & Rentals Combined •Music Industry •Video Games Flickr photo by Vlastula: http://www.flickr.com/photos/vlastula/450642954/
    • Symbian Windows Mobile Objective C WebOS C Dalvik Java ME 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 dierent 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 Doubled in 2008 Jan 08 Jan 09 10821 Daily 22369 10312 Weekly 19283 36870 Ever in Month 63182 0 17500 35000 52500 70000 Unique Users (000s) http://www.comscore.com/press/release.asp?press=2752
    • Mobile Internet to Grow Despite Recession Average intended usage increase over the next 24 months U.S. Europe Current Users 58% 55% Non-Users 27% 28% http://www.tellabs.com/news/2009/index.cfm/nr/53.cfm
    • Top Five Services Non-users Intend to Start Using in the Next 24 Months U.S. Europe Mobile Internet 49% 34% MMS 38% 39% Uploading Photos 34% 27% Software/app download 30% 30% Email 28% 32%
    • Mobile Web Distribution Carriers App Store Mobile Web Closed, Seek Open to anyone Completely Open Openness permission who signs agreement Thousands of dollars $99 None Entry Cost 60/40 to 50/50 70/30 100% Revenue Split Many Few None Restrictions Difficult, Timely 1 to 2 weeks Instantaneous Releases Inconsistent iTunes for every phone Not yet Micropayments
    • Ok Hot Shot, How are You Going to Create Super Monkey Ball with HTML?
    • 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
    • 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 Device Attributes Monetization Flickr photo by John Wardell (Netinho): http://www.flickr.com/photo_zoom.gne?id=760902403&size=l
    • 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
    • Javascript Speed Wars http://webkit.org/blog/189/announcing-squirrelfish/ http://news.cnet.com/8301-1001_3-10030888-92.html http://weblogs.mozillazine.org/roadmap/archives/2008/09/tracemonkey_update.html http://webkit.org/blog/214/introducing-squirrelfish-extreme/
    • Javascript Speed Wars http://webkit.org/blog/189/announcing-squirrelfish/ http://news.cnet.com/8301-1001_3-10030888-92.html http://weblogs.mozillazine.org/roadmap/archives/2008/09/tracemonkey_update.html http://webkit.org/blog/214/introducing-squirrelfish-extreme/
    • Javascript Speed Wars http://webkit.org/blog/189/announcing-squirrelfish/ http://news.cnet.com/8301-1001_3-10030888-92.html http://weblogs.mozillazine.org/roadmap/archives/2008/09/tracemonkey_update.html http://webkit.org/blog/214/introducing-squirrelfish-extreme/
    • Javascript Speed Wars http://webkit.org/blog/189/announcing-squirrelfish/ http://news.cnet.com/8301-1001_3-10030888-92.html http://weblogs.mozillazine.org/roadmap/archives/2008/09/tracemonkey_update.html http://webkit.org/blog/214/introducing-squirrelfish-extreme/
    • Javascript Speed Wars http://webkit.org/blog/189/announcing-squirrelfish/ http://news.cnet.com/8301-1001_3-10030888-92.html http://weblogs.mozillazine.org/roadmap/archives/2008/09/tracemonkey_update.html http://webkit.org/blog/214/introducing-squirrelfish-extreme/
    • We’ve Become Bandwidth Gluttons Since 2003: Page Size Tripled • Web of Objects Doubled •# Since 1995: Page Size: 22x • Web of Objects: 21x •# Source: http://www.websiteoptimization.com/speed/tweak/average-web-page/
    • Yahoo!’s 14 Performance Rules (Now 34!) 1. Make Fewer HTTP Requests 8. Make JavaScript and CSS External 2. Use a Content Delivery Network 9. Reduce DNS Lookups 3. Add an Expires Header 10.Minify JavaScript 4. Gzip Components 11.Avoid Redirects 5. Put Stylesheets at the Top 12.Remove Duplicate Scripts 6. Move Scripts to the Bottom 13.Configure ETags 7. Avoid CSS Expressions 14.Make AJAX Cacheable Source: http://developer.yahoo.com/performance/rules.html
    • 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?
    • 25,000 Apps & Findability? http://148apps.com/10000
    • “It all depends on the application, of course,” says Mauro Montanaro, [Fox Mobile CEO] “and whether they are paid or free.” But he also notes that the “discoverability” of iPhone apps is becoming a bigger problem, and that some of the marketing tactics that Fox Mobile has used successfully on other handsets just don’t work on the iPhone. “The question, as usual, is placement. Who determines [editorial placement]? Maybe someone out of Cupertino.”
    • Geolocation API Camera Address Book Accelerometer
    • Flickr photo by Lyza Gardner: http://www.flickr.com/photos/lyza/49545547/
    • Flickr photo by Thomas Purves: http://www.flickr.com/photos/thomaspurves/744225198/
    • http://phonegap.com
    • What Can You Do With PhoneGap? http://phonegap.com/projects
    • Phone Gap? Yes we can
    • Mobile Progressive Enhancement [content] http://mobiforge.com/designing/story/effective-design-multiple-screen-sizes
    • Mobile Progressive Enhancement [content] WURFL http://mobiforge.com/designing/story/effective-design-multiple-screen-sizes
    • Mobile Progressive Enhancement [content] WURFL http://mobiforge.com/designing/story/effective-design-multiple-screen-sizes
    • Mobile Progressive Enhancement [content] WURFL Phone Gap Add Functionality http://mobiforge.com/designing/story/effective-design-multiple-screen-sizes
    • Mobile Progressive Enhancement [content] WURFL Phone Gap Add Functionality http://mobiforge.com/designing/story/effective-design-multiple-screen-sizes
    • Keys to Successful Hybrid Apps •Make the experience feel like a native application •Take advantage of the enhanced features •Don’t simply release a hybrid version of the mobile web site •Optimize performance
    • Flickr photo by MarkKelley: http://www.flickr.com/photos/markkelley/1022720488/
    • Thank You for Your Time! Work: http://cloudfour.com • Blog: http://userfirstweb.com • Twitter: @grigs Mobile Concurrency Test: http://cloudfour.com/mobile/ Flickr photo by Pingnews: http://www.flickr.com/photos/pingnews/370061022/