SlideShare a Scribd company logo
1 of 38
Download to read offline
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

More Related Content

What's hot

Codestrong 2012 breakout session mobile platform and infrastructure
Codestrong 2012 breakout session   mobile platform and infrastructureCodestrong 2012 breakout session   mobile platform and infrastructure
Codestrong 2012 breakout session mobile platform and infrastructure
Axway Appcelerator
 
Building Mobile Web Apps using ASP.NET MVC, HTML5, & jQuery Mobile
Building Mobile Web Apps using ASP.NET MVC, HTML5, & jQuery MobileBuilding Mobile Web Apps using ASP.NET MVC, HTML5, & jQuery Mobile
Building Mobile Web Apps using ASP.NET MVC, HTML5, & jQuery Mobile
Jon Cortez
 
HiUED 前端/web 發展和體驗
HiUED 前端/web 發展和體驗HiUED 前端/web 發展和體驗
HiUED 前端/web 發展和體驗
Bobby Chen
 
WebSphere as a platform for mobile apps
WebSphere as a platform for mobile appsWebSphere as a platform for mobile apps
WebSphere as a platform for mobile apps
IBM Danmark
 

What's hot (20)

Mobile apps analytics by Futurice
Mobile apps analytics by FuturiceMobile apps analytics by Futurice
Mobile apps analytics by Futurice
 
How to monetize your apps & mobile services by Google Finland
How to monetize your apps & mobile services by Google FinlandHow to monetize your apps & mobile services by Google Finland
How to monetize your apps & mobile services by Google Finland
 
Codestrong 2012 breakout session mobile platform and infrastructure
Codestrong 2012 breakout session   mobile platform and infrastructureCodestrong 2012 breakout session   mobile platform and infrastructure
Codestrong 2012 breakout session mobile platform and infrastructure
 
How to pick the right development model for your mobile project?
How to pick the right development model for your mobile project?How to pick the right development model for your mobile project?
How to pick the right development model for your mobile project?
 
SharePoint and Mobile
SharePoint and MobileSharePoint and Mobile
SharePoint and Mobile
 
Development of Mobile Application -PPT
Development of Mobile Application -PPTDevelopment of Mobile Application -PPT
Development of Mobile Application -PPT
 
Orange Partner HTML5 Day
Orange Partner HTML5 DayOrange Partner HTML5 Day
Orange Partner HTML5 Day
 
Building Mobile Web Apps using ASP.NET MVC, HTML5, & jQuery Mobile
Building Mobile Web Apps using ASP.NET MVC, HTML5, & jQuery MobileBuilding Mobile Web Apps using ASP.NET MVC, HTML5, & jQuery Mobile
Building Mobile Web Apps using ASP.NET MVC, HTML5, & jQuery Mobile
 
Native, Web or Hybrid Mobile App Development?
Native, Web or Hybrid Mobile App Development?Native, Web or Hybrid Mobile App Development?
Native, Web or Hybrid Mobile App Development?
 
BEF2013 - Toronto - Dev Track 2 - Migrating Apps to BlackBerry 10
BEF2013 - Toronto - Dev Track 2 - Migrating Apps to BlackBerry 10BEF2013 - Toronto - Dev Track 2 - Migrating Apps to BlackBerry 10
BEF2013 - Toronto - Dev Track 2 - Migrating Apps to BlackBerry 10
 
HiUED 前端/web 發展和體驗
HiUED 前端/web 發展和體驗HiUED 前端/web 發展和體驗
HiUED 前端/web 發展和體驗
 
Keynote: Techday7 appcelerator titanium
Keynote: Techday7 appcelerator titaniumKeynote: Techday7 appcelerator titanium
Keynote: Techday7 appcelerator titanium
 
WebSphere as a platform for mobile apps
WebSphere as a platform for mobile appsWebSphere as a platform for mobile apps
WebSphere as a platform for mobile apps
 
Hybrid Approach to extend your Web Apps to Tablets & Smartphones- Impetus Web...
Hybrid Approach to extend your Web Apps to Tablets & Smartphones- Impetus Web...Hybrid Approach to extend your Web Apps to Tablets & Smartphones- Impetus Web...
Hybrid Approach to extend your Web Apps to Tablets & Smartphones- Impetus Web...
 
Next Generation Digital Publishing for Newspapers - MIC Brussels presentation
Next Generation Digital Publishing for Newspapers - MIC Brussels presentationNext Generation Digital Publishing for Newspapers - MIC Brussels presentation
Next Generation Digital Publishing for Newspapers - MIC Brussels presentation
 
Simplifying Enterprise Mobility - Powering Mobile Apps from The Cloud
Simplifying Enterprise Mobility - Powering Mobile Apps from The CloudSimplifying Enterprise Mobility - Powering Mobile Apps from The Cloud
Simplifying Enterprise Mobility - Powering Mobile Apps from The Cloud
 
Mobile CMS - CMSExpo 2010
Mobile CMS - CMSExpo 2010Mobile CMS - CMSExpo 2010
Mobile CMS - CMSExpo 2010
 
Presentation cartes e commerce
Presentation cartes e commercePresentation cartes e commerce
Presentation cartes e commerce
 
Introduction to Mobile Application Development
Introduction to Mobile Application DevelopmentIntroduction to Mobile Application Development
Introduction to Mobile Application Development
 
HTML5 로 iPhone App 만들기
HTML5 로 iPhone App 만들기HTML5 로 iPhone App 만들기
HTML5 로 iPhone App 만들기
 

Similar to Hybrid Apps / iPhoneDevCon 2010

Fragmentation in mobile design: fact or fiction
Fragmentation in mobile design: fact or fictionFragmentation in mobile design: fact or fiction
Fragmentation in mobile design: fact or fiction
Belen Barros Pena
 
HTML5: The Apps, the Frameworks, the Controversy
HTML5: The Apps, the Frameworks, the Controversy HTML5: The Apps, the Frameworks, the Controversy
HTML5: The Apps, the Frameworks, the Controversy
Apigee | Google Cloud
 
The challenges of building mobile HTML5 applications - FEEC Brazil 2012 - Recife
The challenges of building mobile HTML5 applications - FEEC Brazil 2012 - RecifeThe challenges of building mobile HTML5 applications - FEEC Brazil 2012 - Recife
The challenges of building mobile HTML5 applications - FEEC Brazil 2012 - Recife
Caridy Patino
 
Federico Lox Lucignano, War of the worlds web or native both
Federico Lox Lucignano, War of the worlds web or native bothFederico Lox Lucignano, War of the worlds web or native both
Federico Lox Lucignano, War of the worlds web or native both
IxDA_Poznan
 
PhoneGap Day - IBM, PhoneGap and the Enterprise
PhoneGap Day - IBM, PhoneGap and the EnterprisePhoneGap Day - IBM, PhoneGap and the Enterprise
PhoneGap Day - IBM, PhoneGap and the Enterprise
Bryce Curtis
 

Similar to Hybrid Apps / iPhoneDevCon 2010 (20)

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
 
Fragmentation in mobile design: fact or fiction
Fragmentation in mobile design: fact or fictionFragmentation in mobile design: fact or fiction
Fragmentation in mobile design: fact or fiction
 
Beyond App Development
Beyond App DevelopmentBeyond App Development
Beyond App Development
 
Beyond App Development
Beyond App DevelopmentBeyond App Development
Beyond App Development
 
Sencha Touch for Rubyists
Sencha Touch for RubyistsSencha Touch for Rubyists
Sencha Touch for Rubyists
 
Hybrid app development
Hybrid app developmentHybrid app development
Hybrid app development
 
webinos and Open Ecosystems Open Governance
webinos and Open Ecosystems Open Governancewebinos and Open Ecosystems Open Governance
webinos and Open Ecosystems Open Governance
 
Why hybrid-is-important
Why hybrid-is-importantWhy hybrid-is-important
Why hybrid-is-important
 
Mobile Widgets Development
Mobile Widgets DevelopmentMobile Widgets Development
Mobile Widgets Development
 
Inside Mobile Widgets Publish
Inside Mobile Widgets PublishInside Mobile Widgets Publish
Inside Mobile Widgets Publish
 
HTML5: The Apps, the Frameworks, the Controversy
HTML5: The Apps, the Frameworks, the Controversy HTML5: The Apps, the Frameworks, the Controversy
HTML5: The Apps, the Frameworks, the Controversy
 
The challenges of building mobile HTML5 applications - FEEC Brazil 2012 - Recife
The challenges of building mobile HTML5 applications - FEEC Brazil 2012 - RecifeThe challenges of building mobile HTML5 applications - FEEC Brazil 2012 - Recife
The challenges of building mobile HTML5 applications - FEEC Brazil 2012 - Recife
 
HTML5 and the dawn of rich mobile web applications
HTML5 and the dawn of rich mobile web applicationsHTML5 and the dawn of rich mobile web applications
HTML5 and the dawn of rich mobile web applications
 
Federico Lox Lucignano, War of the worlds web or native both
Federico Lox Lucignano, War of the worlds web or native bothFederico Lox Lucignano, War of the worlds web or native both
Federico Lox Lucignano, War of the worlds web or native both
 
From mobile browser to mobile app
From mobile browser to mobile appFrom mobile browser to mobile app
From mobile browser to mobile app
 
Hybrid Mobile App
Hybrid Mobile AppHybrid Mobile App
Hybrid Mobile App
 
Hybrid mobile app
Hybrid mobile appHybrid mobile app
Hybrid mobile app
 
Presentation1
Presentation1Presentation1
Presentation1
 
Presentation1
Presentation1Presentation1
Presentation1
 
PhoneGap Day - IBM, PhoneGap and the Enterprise
PhoneGap Day - IBM, PhoneGap and the EnterprisePhoneGap Day - IBM, PhoneGap and the Enterprise
PhoneGap Day - IBM, PhoneGap and the Enterprise
 

More from Avenga Germany GmbH

1400710 sevenva device_trends_2014
1400710 sevenva device_trends_20141400710 sevenva device_trends_2014
1400710 sevenva device_trends_2014
Avenga Germany GmbH
 

More from Avenga Germany GmbH (20)

HTTP/2 turns 3 years old // Web Performance Meetup wao.io 20180612
HTTP/2 turns 3 years old // Web Performance Meetup wao.io 20180612HTTP/2 turns 3 years old // Web Performance Meetup wao.io 20180612
HTTP/2 turns 3 years old // Web Performance Meetup wao.io 20180612
 
Sevenval Company Presentation 2017 (EN)
Sevenval Company Presentation 2017 (EN)Sevenval Company Presentation 2017 (EN)
Sevenval Company Presentation 2017 (EN)
 
Sevenval Company Presentation 2017 (DE)
Sevenval Company Presentation 2017 (DE)Sevenval Company Presentation 2017 (DE)
Sevenval Company Presentation 2017 (DE)
 
2015 sevenval mobile-trends_september
2015 sevenval mobile-trends_september2015 sevenval mobile-trends_september
2015 sevenval mobile-trends_september
 
2015 sevenval mobile-trends_september
2015 sevenval mobile-trends_september2015 sevenval mobile-trends_september
2015 sevenval mobile-trends_september
 
2015 sevenval device-trends_august
2015 sevenval device-trends_august2015 sevenval device-trends_august
2015 sevenval device-trends_august
 
2015 sevenval device-trends-july
2015 sevenval device-trends-july2015 sevenval device-trends-july
2015 sevenval device-trends-july
 
2015 sevenval device-trends-june
2015 sevenval device-trends-june2015 sevenval device-trends-june
2015 sevenval device-trends-june
 
sevenval device Trends may 2015
sevenval device Trends may 2015 sevenval device Trends may 2015
sevenval device Trends may 2015
 
Mobile Monday Austria 20150601 mobilegeddon
Mobile Monday Austria 20150601 mobilegeddonMobile Monday Austria 20150601 mobilegeddon
Mobile Monday Austria 20150601 mobilegeddon
 
2015 sevenval device-trends-april
2015 sevenval device-trends-april2015 sevenval device-trends-april
2015 sevenval device-trends-april
 
2015 sevenval device-trends-march
2015 sevenval device-trends-march2015 sevenval device-trends-march
2015 sevenval device-trends-march
 
2015 sevenval device-trends-feb
2015 sevenval device-trends-feb2015 sevenval device-trends-feb
2015 sevenval device-trends-feb
 
Sevenval_device_trends-january2015
Sevenval_device_trends-january2015Sevenval_device_trends-january2015
Sevenval_device_trends-january2015
 
Sevenval_device_trends-january2015
Sevenval_device_trends-january2015Sevenval_device_trends-january2015
Sevenval_device_trends-january2015
 
20152601 sevenval_device_trends_dezc
20152601  sevenval_device_trends_dezc20152601  sevenval_device_trends_dezc
20152601 sevenval_device_trends_dezc
 
Sevenval Device Trends November 2014
Sevenval Device Trends November 2014Sevenval Device Trends November 2014
Sevenval Device Trends November 2014
 
2014 09 device_trends sevenval-1
2014 09 device_trends sevenval-12014 09 device_trends sevenval-1
2014 09 device_trends sevenval-1
 
1400710 sevenva device_trends_2014
1400710 sevenva device_trends_20141400710 sevenva device_trends_2014
1400710 sevenva device_trends_2014
 
100607 device trends_2014-2
100607 device trends_2014-2100607 device trends_2014-2
100607 device trends_2014-2
 

Recently uploaded

CORS (Kitworks Team Study 양다윗 발표자료 240510)
CORS (Kitworks Team Study 양다윗 발표자료 240510)CORS (Kitworks Team Study 양다윗 발표자료 240510)
CORS (Kitworks Team Study 양다윗 발표자료 240510)
Wonjun Hwang
 
Tales from a Passkey Provider Progress from Awareness to Implementation.pptx
Tales from a Passkey Provider  Progress from Awareness to Implementation.pptxTales from a Passkey Provider  Progress from Awareness to Implementation.pptx
Tales from a Passkey Provider Progress from Awareness to Implementation.pptx
FIDO Alliance
 

Recently uploaded (20)

CORS (Kitworks Team Study 양다윗 발표자료 240510)
CORS (Kitworks Team Study 양다윗 발표자료 240510)CORS (Kitworks Team Study 양다윗 발표자료 240510)
CORS (Kitworks Team Study 양다윗 발표자료 240510)
 
Frisco Automating Purchase Orders with MuleSoft IDP- May 10th, 2024.pptx.pdf
Frisco Automating Purchase Orders with MuleSoft IDP- May 10th, 2024.pptx.pdfFrisco Automating Purchase Orders with MuleSoft IDP- May 10th, 2024.pptx.pdf
Frisco Automating Purchase Orders with MuleSoft IDP- May 10th, 2024.pptx.pdf
 
UiPath manufacturing technology benefits and AI overview
UiPath manufacturing technology benefits and AI overviewUiPath manufacturing technology benefits and AI overview
UiPath manufacturing technology benefits and AI overview
 
ChatGPT and Beyond - Elevating DevOps Productivity
ChatGPT and Beyond - Elevating DevOps ProductivityChatGPT and Beyond - Elevating DevOps Productivity
ChatGPT and Beyond - Elevating DevOps Productivity
 
Event-Driven Architecture Masterclass: Challenges in Stream Processing
Event-Driven Architecture Masterclass: Challenges in Stream ProcessingEvent-Driven Architecture Masterclass: Challenges in Stream Processing
Event-Driven Architecture Masterclass: Challenges in Stream Processing
 
Six Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal OntologySix Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal Ontology
 
State of the Smart Building Startup Landscape 2024!
State of the Smart Building Startup Landscape 2024!State of the Smart Building Startup Landscape 2024!
State of the Smart Building Startup Landscape 2024!
 
Tales from a Passkey Provider Progress from Awareness to Implementation.pptx
Tales from a Passkey Provider  Progress from Awareness to Implementation.pptxTales from a Passkey Provider  Progress from Awareness to Implementation.pptx
Tales from a Passkey Provider Progress from Awareness to Implementation.pptx
 
Overview of Hyperledger Foundation
Overview of Hyperledger FoundationOverview of Hyperledger Foundation
Overview of Hyperledger Foundation
 
AI mind or machine power point presentation
AI mind or machine power point presentationAI mind or machine power point presentation
AI mind or machine power point presentation
 
Simplifying Mobile A11y Presentation.pptx
Simplifying Mobile A11y Presentation.pptxSimplifying Mobile A11y Presentation.pptx
Simplifying Mobile A11y Presentation.pptx
 
How to Check CNIC Information Online with Pakdata cf
How to Check CNIC Information Online with Pakdata cfHow to Check CNIC Information Online with Pakdata cf
How to Check CNIC Information Online with Pakdata cf
 
Event-Driven Architecture Masterclass: Integrating Distributed Data Stores Ac...
Event-Driven Architecture Masterclass: Integrating Distributed Data Stores Ac...Event-Driven Architecture Masterclass: Integrating Distributed Data Stores Ac...
Event-Driven Architecture Masterclass: Integrating Distributed Data Stores Ac...
 
Introduction to use of FHIR Documents in ABDM
Introduction to use of FHIR Documents in ABDMIntroduction to use of FHIR Documents in ABDM
Introduction to use of FHIR Documents in ABDM
 
WebRTC and SIP not just audio and video @ OpenSIPS 2024
WebRTC and SIP not just audio and video @ OpenSIPS 2024WebRTC and SIP not just audio and video @ OpenSIPS 2024
WebRTC and SIP not just audio and video @ OpenSIPS 2024
 
Microsoft CSP Briefing Pre-Engagement - Questionnaire
Microsoft CSP Briefing Pre-Engagement - QuestionnaireMicrosoft CSP Briefing Pre-Engagement - Questionnaire
Microsoft CSP Briefing Pre-Engagement - Questionnaire
 
AI in Action: Real World Use Cases by Anitaraj
AI in Action: Real World Use Cases by AnitarajAI in Action: Real World Use Cases by Anitaraj
AI in Action: Real World Use Cases by Anitaraj
 
Cyber Insurance - RalphGilot - Embry-Riddle Aeronautical University.pptx
Cyber Insurance - RalphGilot - Embry-Riddle Aeronautical University.pptxCyber Insurance - RalphGilot - Embry-Riddle Aeronautical University.pptx
Cyber Insurance - RalphGilot - Embry-Riddle Aeronautical University.pptx
 
Vector Search @ sw2con for slideshare.pptx
Vector Search @ sw2con for slideshare.pptxVector Search @ sw2con for slideshare.pptx
Vector Search @ sw2con for slideshare.pptx
 
JohnPollard-hybrid-app-RailsConf2024.pptx
JohnPollard-hybrid-app-RailsConf2024.pptxJohnPollard-hybrid-app-RailsConf2024.pptx
JohnPollard-hybrid-app-RailsConf2024.pptx
 

Hybrid Apps / iPhoneDevCon 2010

  • 1. Hybrid Apps The best of 2 worlds? | iPhoneDevCon 2010 | Cologne
  • 3. Hybrid Apps The best of 2 2 technology worlds? trade-o!s? 0,5 + 0,5 = 1 0,5 * 0,5 = 0,25
  • 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
  • 9. ca. 500.000 Apps (Total since launch App Store)
  • 10. Adaptation for all App stores for  the maximum range? Hardware Policies Firmware
  • 11. Usage Ø 14 Apps installed 70% use a regular 8 Apps WuV Digitalbarometer (06/2010)
  • 14.
  • 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 with XHTML MP? <b>bold</b>
  • 18. The Mobile Web 2010 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. This interests the user? NO!
  • 22. Interests: User Usefulness Fun Usability „Find“ Social / Share
  • 23. Interests: Company Cost / Benefit Marketing Sales
  • 24. What are the options?
  • 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