Hybrid Apps / iPhoneDevCon 2010
-
Upload
sevenval-technologies-gmbh -
Category
Technology
-
view
4.146 -
download
2
description
Transcript of Hybrid Apps / iPhoneDevCon 2010
![Page 1: Hybrid Apps / iPhoneDevCon 2010](https://reader033.fdocuments.net/reader033/viewer/2022051110/54b781dd4a79592a758b456b/html5/thumbnails/1.jpg)
Hybrid AppsThe best of 2 worlds? | iPhoneDevCon 2010 | Cologne
![Page 2: Hybrid Apps / iPhoneDevCon 2010](https://reader033.fdocuments.net/reader033/viewer/2022051110/54b781dd4a79592a758b456b/html5/thumbnails/2.jpg)
About us
![Page 3: Hybrid Apps / iPhoneDevCon 2010](https://reader033.fdocuments.net/reader033/viewer/2022051110/54b781dd4a79592a758b456b/html5/thumbnails/3.jpg)
The best of 2 worlds?
2 technology trade-o!s?
Hybrid Apps
0,5 + 0,5 = 1 0,5 * 0,5 = 0,25
![Page 4: Hybrid Apps / iPhoneDevCon 2010](https://reader033.fdocuments.net/reader033/viewer/2022051110/54b781dd4a79592a758b456b/html5/thumbnails/4.jpg)
Your Choice: Web or App?
![Page 5: Hybrid Apps / iPhoneDevCon 2010](https://reader033.fdocuments.net/reader033/viewer/2022051110/54b781dd4a79592a758b456b/html5/thumbnails/5.jpg)
Native vs. Web?
![Page 6: Hybrid Apps / iPhoneDevCon 2010](https://reader033.fdocuments.net/reader033/viewer/2022051110/54b781dd4a79592a758b456b/html5/thumbnails/6.jpg)
Apps ≠ Sites
„my“ App„our“ Web
(maybe) many App‘s (must have) Site
„control“„browse“
Fixed Task
Many Tasks
PortalSolution
“Cool URIs don't change“Tim Berners-Lee
http://www.w3.org/Provider/Style/URI
“Apps are like Songs“Daniel K. Appelquisthttp://www.torgo.com/blog/2009/06/apps-are-like-songs.html
CompanyCI
OS Interface
![Page 7: Hybrid Apps / iPhoneDevCon 2010](https://reader033.fdocuments.net/reader033/viewer/2022051110/54b781dd4a79592a758b456b/html5/thumbnails/7.jpg)
Status11% Germans use a smartphone
= 9 million German smartphone owners
23% daily surfing the mobile Internet
54% of smartphone owners use Apps
Go-SMART-Studie
No Smartph
one
![Page 8: Hybrid Apps / iPhoneDevCon 2010](https://reader033.fdocuments.net/reader033/viewer/2022051110/54b781dd4a79592a758b456b/html5/thumbnails/8.jpg)
Status Check: Apps
![Page 9: Hybrid Apps / iPhoneDevCon 2010](https://reader033.fdocuments.net/reader033/viewer/2022051110/54b781dd4a79592a758b456b/html5/thumbnails/9.jpg)
ca. 500.000 Apps(Total since launch App Store)
![Page 10: Hybrid Apps / iPhoneDevCon 2010](https://reader033.fdocuments.net/reader033/viewer/2022051110/54b781dd4a79592a758b456b/html5/thumbnails/10.jpg)
Adaptation for all App stores for the maximum range?
Firmware
Hardware
Policies
![Page 11: Hybrid Apps / iPhoneDevCon 2010](https://reader033.fdocuments.net/reader033/viewer/2022051110/54b781dd4a79592a758b456b/html5/thumbnails/11.jpg)
Usage
70% use a regular 8 Apps
Ø 14 Apps installed
WuV Digitalbarometer (06/2010)
![Page 12: Hybrid Apps / iPhoneDevCon 2010](https://reader033.fdocuments.net/reader033/viewer/2022051110/54b781dd4a79592a758b456b/html5/thumbnails/12.jpg)
Cost vs. Benefit?
![Page 13: Hybrid Apps / iPhoneDevCon 2010](https://reader033.fdocuments.net/reader033/viewer/2022051110/54b781dd4a79592a758b456b/html5/thumbnails/13.jpg)
Status Check: Mobile Web
![Page 14: Hybrid Apps / iPhoneDevCon 2010](https://reader033.fdocuments.net/reader033/viewer/2022051110/54b781dd4a79592a758b456b/html5/thumbnails/14.jpg)
![Page 15: Hybrid Apps / iPhoneDevCon 2010](https://reader033.fdocuments.net/reader033/viewer/2022051110/54b781dd4a79592a758b456b/html5/thumbnails/15.jpg)
60 % WebKit
9 % RIM
9 % Opera
5 % Netfront
17 % Others
43 % IE
31 % Firefox
15 % WebKit
1,5 % Opera
9,5 % Others
Mobile Web Fixed Web
Rendering Engines
Source: Global Web Stats 10/2010 (http://www.w3counter.com/trends)Source: Device-Trends Report 10/2010 (http://www.sevenval.com)
![Page 16: Hybrid Apps / iPhoneDevCon 2010](https://reader033.fdocuments.net/reader033/viewer/2022051110/54b781dd4a79592a758b456b/html5/thumbnails/16.jpg)
42 % HTML528% HTML4
15% XHTML 1.0 14% XHTML MP
1% Other (inc. WML)
Markups
Source: Device-Trends Report 10/2010 (http://www.sevenval.com)
WebKit
WTF?
![Page 17: Hybrid Apps / iPhoneDevCon 2010](https://reader033.fdocuments.net/reader033/viewer/2022051110/54b781dd4a79592a758b456b/html5/thumbnails/17.jpg)
<b>bold</b>
What‘s wrong with XHTML MP?
![Page 18: Hybrid Apps / iPhoneDevCon 2010](https://reader033.fdocuments.net/reader033/viewer/2022051110/54b781dd4a79592a758b456b/html5/thumbnails/18.jpg)
The Mobile Web 2010
HTML5
Powerful JS Engines
CSS3Media Queries
Huge Display Resolutions
Frameworks
![Page 19: Hybrid Apps / iPhoneDevCon 2010](https://reader033.fdocuments.net/reader033/viewer/2022051110/54b781dd4a79592a758b456b/html5/thumbnails/19.jpg)
?
![Page 20: Hybrid Apps / iPhoneDevCon 2010](https://reader033.fdocuments.net/reader033/viewer/2022051110/54b781dd4a79592a758b456b/html5/thumbnails/20.jpg)
• WebKit fragmentation
• Other browsers
• „Mobile Issues“
• ...Device APIs, IE9/Gecko, ???
The su!ering continues...
Browsers suck
Apps suck• Platform knowledge
• Programmiersprachen
• Version Fragmentation
• Store Policies
![Page 21: Hybrid Apps / iPhoneDevCon 2010](https://reader033.fdocuments.net/reader033/viewer/2022051110/54b781dd4a79592a758b456b/html5/thumbnails/21.jpg)
NO!
This interests the user?
![Page 22: Hybrid Apps / iPhoneDevCon 2010](https://reader033.fdocuments.net/reader033/viewer/2022051110/54b781dd4a79592a758b456b/html5/thumbnails/22.jpg)
Interests: User
Usefulness Fun
„Find“
Usability
Social / Share
![Page 23: Hybrid Apps / iPhoneDevCon 2010](https://reader033.fdocuments.net/reader033/viewer/2022051110/54b781dd4a79592a758b456b/html5/thumbnails/23.jpg)
Marketing
Interests: Company
Cost / Benefit
Sales
![Page 24: Hybrid Apps / iPhoneDevCon 2010](https://reader033.fdocuments.net/reader033/viewer/2022051110/54b781dd4a79592a758b456b/html5/thumbnails/24.jpg)
What are the options?
![Page 25: Hybrid Apps / iPhoneDevCon 2010](https://reader033.fdocuments.net/reader033/viewer/2022051110/54b781dd4a79592a758b456b/html5/thumbnails/25.jpg)
WebSite
![Page 26: Hybrid Apps / iPhoneDevCon 2010](https://reader033.fdocuments.net/reader033/viewer/2022051110/54b781dd4a79592a758b456b/html5/thumbnails/26.jpg)
WebSite
Browser
WebTechnologies
SEO
Site Concept
Impulse
Surfer
Share
Online
![Page 27: Hybrid Apps / iPhoneDevCon 2010](https://reader033.fdocuments.net/reader033/viewer/2022051110/54b781dd4a79592a758b456b/html5/thumbnails/27.jpg)
WebSite
WebApp
Browser
WebTechnologies
SEO
Site Concept
Impulse
Surfer
Online
Share
![Page 28: Hybrid Apps / iPhoneDevCon 2010](https://reader033.fdocuments.net/reader033/viewer/2022051110/54b781dd4a79592a758b456b/html5/thumbnails/28.jpg)
WebSite
WebApp
Browser
WebTechnologies
SEO
Site Concept
App Concept
Professional
Impulse
Surfer
Online
Share
![Page 29: Hybrid Apps / iPhoneDevCon 2010](https://reader033.fdocuments.net/reader033/viewer/2022051110/54b781dd4a79592a758b456b/html5/thumbnails/29.jpg)
Share
WebApp
WebSiteHybrid App
Browser
WebTechnologies
SEO
Site Concept
App Concept
Professional
Impulse
Surfer
Online
![Page 30: Hybrid Apps / iPhoneDevCon 2010](https://reader033.fdocuments.net/reader033/viewer/2022051110/54b781dd4a79592a758b456b/html5/thumbnails/30.jpg)
WebAppProfessional
Share
WebSite
SEO
Impulse
Surfer
Hybrid App
Catalog
ShopBrowser
WebTechnologies
SDK
Platformspecific
Site Concept
App Concept
Online
User Updates
Reviews
![Page 31: Hybrid Apps / iPhoneDevCon 2010](https://reader033.fdocuments.net/reader033/viewer/2022051110/54b781dd4a79592a758b456b/html5/thumbnails/31.jpg)
WebSiteHybrid App
Native AppWebApp
Katalog
ShopBrowser
WebTechnologien
SDKSEO
Platformspezifisch
Site Concept
App Concept
Professional
Impulse
Surfer
Online
User Updates
Bewertungen
Share
![Page 32: Hybrid Apps / iPhoneDevCon 2010](https://reader033.fdocuments.net/reader033/viewer/2022051110/54b781dd4a79592a758b456b/html5/thumbnails/32.jpg)
WebSiteHybrid App
WebApp
Browser
WebTechnologien
SEO
Site Concept
Impulse
Surfer
Online
Share
Native AppFun
Catalog
ShopSDK
Platformspecific
App Concept
Professional
User Updates
Reviews
![Page 33: Hybrid Apps / iPhoneDevCon 2010](https://reader033.fdocuments.net/reader033/viewer/2022051110/54b781dd4a79592a758b456b/html5/thumbnails/33.jpg)
WebSiteHybrid App
Native AppWebAppFun
Catalog
ShopBrowser
WebTechnologies
SDKSEO
Platformspecific
Site Concept
App Concept
Professional
Impulse
Surfer
Online
User Updates
Reviews
Share
![Page 34: Hybrid Apps / iPhoneDevCon 2010](https://reader033.fdocuments.net/reader033/viewer/2022051110/54b781dd4a79592a758b456b/html5/thumbnails/34.jpg)
WebSite
Hybrid AppNative App
WebAppFu
nCa
talo
g
Brow
ser
Web
Tec
hnol
ogie
s
SDK
SEO
Plat
form
spe
cific
Site
Con
cept
App
Con
cept
Prof
essi
onal
Impu
lse
Surf
er
Onl
ine
Use
r Upd
ates
Rev
iew
s
Shar
e
x
x
x
x
x x
x
x
x
x x x
x
x
x
x
x
x
x
x x
x x
x
x
x
x
x
x
x
x
x
x
x
Matrix
![Page 35: Hybrid Apps / iPhoneDevCon 2010](https://reader033.fdocuments.net/reader033/viewer/2022051110/54b781dd4a79592a758b456b/html5/thumbnails/35.jpg)
CatalogBrowser
Web Technologies
SDK
Platform specific
Site Concept
App Concept
User UpdatesReviews
Hybrid App: Pros & Cons
Pro Contra
Interaction: Web/App
SDK & Browser
Web Technologies
No SEO
Surfer
![Page 36: Hybrid Apps / iPhoneDevCon 2010](https://reader033.fdocuments.net/reader033/viewer/2022051110/54b781dd4a79592a758b456b/html5/thumbnails/36.jpg)
#fault
Don‘t reinvent the browser!
![Page 37: Hybrid Apps / iPhoneDevCon 2010](https://reader033.fdocuments.net/reader033/viewer/2022051110/54b781dd4a79592a758b456b/html5/thumbnails/37.jpg)
?•Web!•Hybrid for the Store (Catalog)Step 1:•Analysis:•Profis?•Platform?•Features?
Step 2: •App (Native or Web) with „Profi Features“•Recommendation: WebApp
Step 3:
Recommendation
![Page 38: Hybrid Apps / iPhoneDevCon 2010](https://reader033.fdocuments.net/reader033/viewer/2022051110/54b781dd4a79592a758b456b/html5/thumbnails/38.jpg)
roland at sevenval.comhttp://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
thank you!