Hybrid Apps
The best of 2 worlds? | iPhoneDevCon 2010 | Cologne
About us
Hybrid Apps


 The best of 2   2 technology
      worlds?    trade-o!s?



0,5 + 0,5 = 1    0,5 * 0,5 = 0,25
Your Choice: Web or App?
Native vs. Web?
Apps ≠ Sites
                     „control“
                                                                             „our“ Web
                                                             „browse“
          „my“ App                    OS
                                   Interface
 Solution                                                                               Portal

    Fixed                                             Company                          Many
    Task                                                 CI                            Tasks
   (maybe) many App‘s                                          (must have) Site

   “Apps are like Songs“                                 “Cool URIs don't change“
Daniel K. Appelquist                                                                   Tim Berners-Lee
http://www.torgo.com/blog/2009/06/apps-are-like-songs.html         http://www.w3.org/Provider/Style/URI
Status
                               11% Germans use a smartphone
                       = 9 million German smartphone owners



54% of smartphone
owners use Apps


                                                  t ph one
23% daily surfing the                          m ar
mobile Internet                        N oS


Go-SMART-Studie
Status Check: Apps
   ca.   500.000 Apps
          (Total since launch App Store)
Adaptation for all App stores for
 the maximum range?
                                     Hardware



    Policies

                     Firmware
Usage
                                 Ø 14 Apps installed




70% use a regular 8 Apps


WuV Digitalbarometer (06/2010)
Cost vs. Benefit?
Status Check: Mobile Web
Rendering Engines

                  Mobile Web                                                    Fixed Web
                       60 % WebKit                                                      43 % IE

                            9 % RIM                                                 31 % Firefox

                          9 % Opera                                                 15 % WebKit

                       5 % Netfront                                                  1,5 % Opera

                        17 % Others                                                 9,5 % Others


Source: Device-Trends Report 10/2010 (http://www.sevenval.com)   Source: Global Web Stats 10/2010 (http://www.w3counter.com/trends)
Markups
                                                             K it
                                                W eb
                                                                       28% HTML4
      42 % HTML5
                                                    WT
                                                      F?
             15% XHTML 1.0                                           14% XHTML MP


                                                                 1% Other (inc. WML)
Source: Device-Trends Report 10/2010 (http://www.sevenval.com)
What‘s wrong with XHTML MP?




    <b>bold</b>
The Mobile Web 2010

                             Powerful JS
                               Engines

                                   Media
  HTML5               CSS3         Queries

     Frameworks         Huge Display
                         Resolutions
?
The su!ering continues...

  Browsers suck
• WebKit fragmentation
• Other browsers
• „Mobile Issues“
• ...Device APIs, IE9/Gecko, ???

     Apps suck
• Platform knowledge
• Programmiersprachen
• Version Fragmentation
• Store Policies
This interests the user?




       NO!
Interests: User


       Usefulness               Fun

                    Usability

       „Find“
                          Social / Share
Interests: Company



 Cost / Benefit
                     Marketing


    Sales
What are the options?
WebSite
Impulse
               Site Concept
WebSite         Web
            Technologies
                  Online
      SEO      Browser
 Surfer

    Share
Impulse
               Site Concept
WebSite         Web
            Technologies
                  Online
      SEO      Browser
 Surfer

    Share


          WebApp
Impulse
               Site Concept
WebSite         Web
            Technologies
                  Online
      SEO      Browser
 Surfer                    App Concept

    Share
                     Professional

          WebApp
Impulse
               Site Concept      Hybrid App
WebSite         Web
            Technologies
                  Online
      SEO      Browser
 Surfer                    App Concept

    Share
                     Professional

          WebApp
Impulse
               Site Concept      Hybrid App
WebSite         Web
            Technologies                 Catalog     Platform
                                                     specific
                  Online
                                           Reviews
      SEO      Browser                                    SDK
 Surfer                    App Concept             Shop

    Share                                 User Updates
                     Professional
          WebApp
Impulse
               Site Concept      Hybrid App
WebSite         Web
            Technologien                 Katalog      Platform
                                                     spezifisch
                  Online
                                         Bewertungen
      SEO      Browser                                     SDK
 Surfer                    App Concept             Shop

    Share                                 User Updates
                     Professional

          WebApp                         Native App
Impulse
               Site Concept       Hybrid App
WebSite         Web
            Technologien                 Catalog     Platform
                                                     specific
                  Online
                                           Reviews
      SEO      Browser                                    SDK
 Surfer                    App Concept             Shop

    Share                                 User Updates

                         Professional                      Fun
          WebApp                         Native App
Impulse
               Site Concept       Hybrid App
WebSite         Web
            Technologies                 Catalog     Platform
                                                     specific
                  Online
                                           Reviews
      SEO      Browser                                    SDK
 Surfer                    App Concept             Shop

    Share                                 User Updates
                         Professional                      Fun
          WebApp                         Native App
Matrix




WebSite
WebApp

Native App
Hybrid App
x
                   x
                                App Concept
                                Site Concept

                   x
                         x x
                               Browser


         x x x x
                               SDK
                               Fun


x x x
         x                     Catalog
                         x


                               Surfer
x
                   x x

                               Professional
                         x




                               Impulse
                               Reviews
                               Platform specific
                               User Updates
x x xx
         x x xx




                                Web Technologies
                               Online
                               Share
                   xxxx
                   xxxx




                               SEO
Hybrid App: Pros & Cons

          Pro                           Contra
     App Concept                Interaction: Web/App
          Site Concept
                               SDK & Browser
    SDK
                Browser                        No SEO
      Catalog                   Platform specific

    Reviews                   User Updates
           Web Technologies              Web Technologies
                               Surfer
#fault




         Don‘t reinvent the browser!
Recommendation




Step 1:   •Web!
                                   ?
          •Hybrid for the Store (Catalog)
                                      •App (Native or Web) with
Step 2:   •Analysis:
          •Profis?      Step 3:        „Profi Features“
          •Platform?                  •Recommendation: WebApp
          •Features?
thank you!
                                                              roland at sevenval.com
http://www.flickr.com/photos/brent_nashville/4897351886
http://www.flickr.com/photos/mommyof4ruggies/346289381
http://www.flickr.com/photos/joeshlabotnik/305410323
http://www.flickr.com/photos/brent_nashville/4897351886
http://www.flickr.com/photos/markkelley/1022720488
http://www.flickr.com/photos/toyotauk/4754716913
http://www.flickr.com/photos/randysonofrobert/292020324
http://www.flickr.com/photos/stephenhackett/5039942687
http://www.flickr.com/photos/onesec/3759134687
http://www.flickr.com/photos/torkildr/4194610045
http://www.flickr.com/photos/laughingsquid/243706129
http://www.flickr.com/photos/mduchesn/sets/72157607790455060
http://www.flickr.com/photos/waltarrrrr/3055094883
http://www.flickr.com/photos/kenkuhl/2333650570
http://www.flickr.com/photos/zooboing/4543757687
http://www.flickr.com/photos/tomascaspers/404571268
http://www.flickr.com/photos/tantek/2314416269
http://www.flickr.com/photos/doug88888/3709856898
http://www.flickr.com/photos/katasta/893261286
http://www.flickr.com/photos/kb35/1644548833
http://www.flickr.com/photos/cverdier/3978990427

Hybrid Apps / iPhoneDevCon 2010

  • 1.
    Hybrid Apps The bestof 2 worlds? | iPhoneDevCon 2010 | Cologne
  • 2.
  • 3.
    Hybrid Apps Thebest of 2 2 technology worlds? trade-o!s? 0,5 + 0,5 = 1 0,5 * 0,5 = 0,25
  • 4.
  • 5.
  • 6.
    Apps ≠ Sites „control“ „our“ Web „browse“ „my“ App OS Interface Solution Portal Fixed Company Many Task CI Tasks (maybe) many App‘s (must have) Site “Apps are like Songs“ “Cool URIs don't change“ Daniel K. Appelquist Tim Berners-Lee http://www.torgo.com/blog/2009/06/apps-are-like-songs.html http://www.w3.org/Provider/Style/URI
  • 7.
    Status 11% Germans use a smartphone = 9 million German smartphone owners 54% of smartphone owners use Apps t ph one 23% daily surfing the m ar mobile Internet N oS Go-SMART-Studie
  • 8.
  • 9.
    ca. 500.000 Apps (Total since launch App Store)
  • 10.
    Adaptation for allApp stores for  the maximum range? Hardware Policies Firmware
  • 11.
    Usage Ø 14 Apps installed 70% use a regular 8 Apps WuV Digitalbarometer (06/2010)
  • 12.
  • 13.
  • 15.
    Rendering Engines Mobile Web Fixed Web 60 % WebKit 43 % IE 9 % RIM 31 % Firefox 9 % Opera 15 % WebKit 5 % Netfront 1,5 % Opera 17 % Others 9,5 % Others Source: Device-Trends Report 10/2010 (http://www.sevenval.com) Source: Global Web Stats 10/2010 (http://www.w3counter.com/trends)
  • 16.
    Markups K it W eb 28% HTML4 42 % HTML5 WT F? 15% XHTML 1.0 14% XHTML MP 1% Other (inc. WML) Source: Device-Trends Report 10/2010 (http://www.sevenval.com)
  • 17.
    What‘s wrong withXHTML MP? <b>bold</b>
  • 18.
    The Mobile Web2010 Powerful JS Engines Media HTML5 CSS3 Queries Frameworks Huge Display Resolutions
  • 19.
  • 20.
    The su!ering continues... Browsers suck • WebKit fragmentation • Other browsers • „Mobile Issues“ • ...Device APIs, IE9/Gecko, ??? Apps suck • Platform knowledge • Programmiersprachen • Version Fragmentation • Store Policies
  • 21.
  • 22.
    Interests: User Usefulness Fun Usability „Find“ Social / Share
  • 23.
    Interests: Company Cost/ Benefit Marketing Sales
  • 24.
    What are theoptions?
  • 25.
  • 26.
    Impulse Site Concept WebSite Web Technologies Online SEO Browser Surfer Share
  • 27.
    Impulse Site Concept WebSite Web Technologies Online SEO Browser Surfer Share WebApp
  • 28.
    Impulse Site Concept WebSite Web Technologies Online SEO Browser Surfer App Concept Share Professional WebApp
  • 29.
    Impulse Site Concept Hybrid App WebSite Web Technologies Online SEO Browser Surfer App Concept Share Professional WebApp
  • 30.
    Impulse Site Concept Hybrid App WebSite Web Technologies Catalog Platform specific Online Reviews SEO Browser SDK Surfer App Concept Shop Share User Updates Professional WebApp
  • 31.
    Impulse Site Concept Hybrid App WebSite Web Technologien Katalog Platform spezifisch Online Bewertungen SEO Browser SDK Surfer App Concept Shop Share User Updates Professional WebApp Native App
  • 32.
    Impulse Site Concept Hybrid App WebSite Web Technologien Catalog Platform specific Online Reviews SEO Browser SDK Surfer App Concept Shop Share User Updates Professional Fun WebApp Native App
  • 33.
    Impulse Site Concept Hybrid App WebSite Web Technologies Catalog Platform specific Online Reviews SEO Browser SDK Surfer App Concept Shop Share User Updates Professional Fun WebApp Native App
  • 34.
    Matrix WebSite WebApp Native App Hybrid App x x App Concept Site Concept x x x Browser x x x x SDK Fun x x x x Catalog x Surfer x x x Professional x Impulse Reviews Platform specific User Updates x x xx x x xx Web Technologies Online Share xxxx xxxx SEO
  • 35.
    Hybrid App: Pros& Cons Pro Contra App Concept Interaction: Web/App Site Concept SDK & Browser SDK Browser No SEO Catalog Platform specific Reviews User Updates Web Technologies Web Technologies Surfer
  • 36.
    #fault Don‘t reinvent the browser!
  • 37.
    Recommendation Step 1: •Web! ? •Hybrid for the Store (Catalog) •App (Native or Web) with Step 2: •Analysis: •Profis? Step 3: „Profi Features“ •Platform? •Recommendation: WebApp •Features?
  • 38.
    thank you! roland at sevenval.com http://www.flickr.com/photos/brent_nashville/4897351886 http://www.flickr.com/photos/mommyof4ruggies/346289381 http://www.flickr.com/photos/joeshlabotnik/305410323 http://www.flickr.com/photos/brent_nashville/4897351886 http://www.flickr.com/photos/markkelley/1022720488 http://www.flickr.com/photos/toyotauk/4754716913 http://www.flickr.com/photos/randysonofrobert/292020324 http://www.flickr.com/photos/stephenhackett/5039942687 http://www.flickr.com/photos/onesec/3759134687 http://www.flickr.com/photos/torkildr/4194610045 http://www.flickr.com/photos/laughingsquid/243706129 http://www.flickr.com/photos/mduchesn/sets/72157607790455060 http://www.flickr.com/photos/waltarrrrr/3055094883 http://www.flickr.com/photos/kenkuhl/2333650570 http://www.flickr.com/photos/zooboing/4543757687 http://www.flickr.com/photos/tomascaspers/404571268 http://www.flickr.com/photos/tantek/2314416269 http://www.flickr.com/photos/doug88888/3709856898 http://www.flickr.com/photos/katasta/893261286 http://www.flickr.com/photos/kb35/1644548833 http://www.flickr.com/photos/cverdier/3978990427